微信小程序开发者交流群

admin

admin

发表于 2017-02-06 11:57:56

音乐播放控制详解-媒体API-微信小程序API-微信 小程序开发教程


wx.getBackgroundAudioPlayerState(OBJECT)

获取后台音乐播放状态。

OBJECT参数说明:

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

success返回参数说明:

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

示例代码:

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

wx.playBackgroundAudio(OBJECT)

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

OBJECT参数说明

参数类型必填说明
dataUrlString音乐链接
titleString音乐标题
coverImgUrlString封面URL
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

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

wx.pauseBackgroundAudio()

暂停播放音乐。

示例代码

wx.pauseBackgroundAudio()

wx.seekBackgroundAudio(OBJECT)

控制音乐播放进度。

OBJECT参数说明

参数类型必填说明
positionNumber音乐位置,单位:秒
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.seekBackgroundAudio({
    position: 30})

wx.stopBackgroundAudio()

停止播放音乐。

示例代码

wx.stopBackgroundAudio()

wx.onBackgroundAudioPlay(CALLBACK)

监听音乐播放。

wx.onBackgroundAudioPause(CALLBACK)

监听音乐暂停。

wx.onBackgroundAudioStop(CALLBACK)

监听音乐停止。

bug & tip

  1. bugiOS 6.3.30 wx.seekBackgroundAudio 会有短暂延迟

扩展阅读:

音乐播放控制详解-媒体API-微信小程序API-微信 小程序开发教程

wx.getBackgroundAudioPlayerState详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.playBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.pauseBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.seekBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.stopBackgroundAudio详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioPlay详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioPause详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.onBackgroundAudioStop详解-音乐播放控制-媒体API-微信小程序API-微信 小程序开发教程


音频组件控制详解-媒体API-微信小程序API-微信 小程序开发教程

x.playVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.pauseVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

wx.stopVoice详解-音频播放控制-媒体API-微信小程序API-微信 小程序开发教程

图片详解-媒体API-微信小程序API-微信 小程序开发教程

录音详解-媒体API-微信小程序API-微信 小程序开发教程

音频播放控制详解-媒体API-微信小程序API-微信 小程序开发教程

视频详解-媒体API-微信小程序API-微信 小程序开发教程

视频组件控制详解-媒体API-微信小程序API-微信 小程序开发教程

wx.chooseImage详解-图片-媒体API-微信小程序API-微信 小程序开发教程

wx.previewImage详解-图片-媒体API-微信小程序API-微信 小程序开发教程

wx.getImageInfo详解-图片-媒体API-微信小程序API-微信 小程序开发教程

wx.startRecord详解-录音-媒体API-微信小程序API-微信 小程序开发教程

wx.stopRecord详解-录音-媒体API-微信小程序API-微信 小程序开发教程


wx.createAudioContext-音频组件控制-媒体API-微信小程序API-微信 小程序开发教程

wx.chooseVideo-视频-媒体API-微信小程序API-微信 小程序开发教程

wx.createVideoContext-视频组件控制-媒体API-微信小程序API-微信 小程序开发教程


215阅读 | 0评论
你的回应