微信小程序 Audio API详解及实例代码

没啥可值得太注意的地方

重要属性：

1. wx.getBackgroundAudioPlayerState(object) 获取播放状态

2.wx.playBackgroundAudio(object)播放音乐

3.wx.pauseBackgroundAudio()暂停音乐

4.wx.seekBackgroundAudio(object) 设置播放进度

5.wx.stopBackgroundAudio()停止播放音乐

三个监听器：

rush:xml;"> 获取播放状态

rush:js;"> Page({ data:{ // text:"这是一个页面" },listenerButtonPlay: function() { wx.playBackgroundAudio({ //播放地址 dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3',//title 音乐名字 title: '青云志',//图片地址 coverimgurl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7'

})
},/**

• 播放状态
  */
  listenerButtonGetPlayState: function() {
  wx.getBackgroundAudioPlayerState({
  success: function(res) {
  console.log(res)
  //duration 总时长
  //currentPosition 当前播放位置
  //status 播放状态
  //downloadPercent 下载状况 100 即为100%
  //dataUrl 当前播放音乐地址
  }
  })
  },/**
• 监听button暂停按钮
  */
  listenerButtonPause: function() {
  wx.pauseBackgroundAudio();
  },/**
• 设置进度
  */
  listenerButtonSeek: function() {
  wx.seekBackgroundAudio({
  position: 30
  })
  },/
  停止播放
  /
  listenerButtonStop: function() {
  wx.stopBackgroundAudio()
  },onLoad:function(options){
  // 页面初始化 options为页面跳转所带来的参数
  /
• 监听音乐播放
  */
  wx.onBackgroundAudioPlay(function() {
  console.log('onBackgroundAudioPlay')
  })

/**

• 监听音乐暂停
  */
  wx.onBackgroundAudioPause(function() {
  console.log('onBackgroundAudioPause')
  })

/**

• 监听音乐停止
  */
  wx.onBackgroundAudioStop(function() {
  console.log('onBackgroundAudioStop')
  })

},onReady:function(){
// 页面渲染完成
},onShow:function(){
// 页面显示
},onHide:function(){
// 页面隐藏
},onUnload:function(){
// 页面关闭
}
})

感谢阅读本文，希望能帮助到大家，谢谢大家对本站的支持！