微信小程序如何获取音乐播放状态

发布时间:2022-03-10 10:57:17 作者:iii
来源:亿速云 阅读:673

这篇文章主要介绍“微信小程序如何获取音乐播放状态”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序如何获取音乐播放状态”文章能帮助大家解决问题。

wx.getBackgroundAudioPlayerState(OBJECT)


获取音乐播放状态。

OBJECT参数说明:

参数 类型 必填 说明
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数 说明
duration 选定音频的长度(单位:s),只有在当前有音乐播放时返回
currentPosition 选定音频的播放位置(单位:s),只有在当前有音乐播放时返回
status 播放状态(2:没有音乐在播放,1:播放中,0:暂停中)
downloadPercent 音频的下载进度(整数,80 代表 80%),只有在当前有音乐播放时返回
dataUrl 歌曲数据链接,只有在当前有音乐播放时返回

示例代码:

wx.getBackgroundAudioPlayerState({
    success:function(res){var status = res.statusvar dataUrl = res.dataUrlvar currentPosition = res.currentPositionvar duration = res.durationvar downloadPercent = res.downloadPercent
    }
})

wx.playBackgroundAudio(OBJECT)


使用后台播放器播放音乐,对于微信客户端来说,只能同时有一个后台音乐在播放。当用户离开小程序后,音乐将暂停播放;当用户点击“显示在聊天顶部”时,音乐不会暂停播放;当用户在其他小程序占用了音乐播放器,原有小程序内的音乐将停止播放。

OBJECT参数说明

参数 类型 必填 说明
dataUrl String 音乐链接
title String 音乐标题
coverImgUrl String 封面URL
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.playBackgroundAudio({
    dataUrl: '',
    title: '',
    coverImgUrl: ''})

wx.pauseBackgroundAudio()


暂停播放音乐。

示例代码

wx.pauseBackgroundAudio()

wx.seekBackgroundAudio(OBJECT)


控制音乐播放进度。

OBJECT参数说明

参数 类型 必填 说明
position Number 音乐位置,单位:秒
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.seekBackgroundAudio({
    position: 30})

wx.stopBackgroundAudio()


停止播放音乐。

示例代码

wx.stopBackgroundAudio()

wx.onBackgroundAudioPlay(CALLBACK)


监听音乐播放。

wx.onBackgroundAudioPause(CALLBACK)


监听音乐暂停。

wx.onBackgroundAudioStop(CALLBACK)


监听音乐停止。

bug & tip

bug:iOS6.3.30wx.seekBackgroundAudio 会有短暂延迟

关于“微信小程序如何获取音乐播放状态”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. 微信小程序如何实现音乐播放器
  2. 微信小程序 如何保持登录状态

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

微信小程序

上一篇:各行业申请小程序开发有什么要求

下一篇:茶叶电商小程序在开发时需要注意哪些问题

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》