微信小程序之音频播放

 项目需求要做一个音频播器的功能，但是要实现退出小程序后还能播放，在微信聊天顶部出现正在播放的什么音频的播放标记。然后在网上找了相关的例子发现大多都是退出后音频会暂停掉，不符合项目需求。查阅微信小程序API文档，发现可以使用wx.getBackgroundAudioManager()这个api实现退出后还能播放的需求。

上图就是大概界面，点击按钮进行播放，进图条可以拖拽，点击列表播放音频

首先创建全局的音频播放器

const audioManager = wx.getBackgroundAudioManager()

通过wx.request请求调用接口获取音频列表的信息

第二步初始化对象赋值

采用定时器延时赋值，因为请求是异步的方式，有可能会在成功时取不到值

播放与暂停

列表播放

看了下文档，在onEnded中执行下一首的函数

audioManager.onEnded(function() {
      console.log("onEnded");
      console.log("当前状态", that.data.audioPalyStatus);
      let nextTimer = setTimeout(function() {
        if (that.data.showpause === true) {
          that.bindTapNext()
        }
      }, 2000)
    })

that.data.showpause这是表示没有点击暂停按钮的状态

 //自动播放下一首
  bindTapNext: function() {
    console.log("播放下一首", 'bindTapNext')
    let that = this
    let length = this.data.audiolist.length
    console.log("当前有多少音频的长度", length);
    let audioIndexPrev = this.data.index
    console.log("当前的index", audioIndexPrev);
    let audioIndexNow = audioIndexPrev
    if (audioIndexPrev === length - 1) {

      audioIndexNow = 0
    } else {
      audioIndexNow = audioIndexPrev + 1
      console.log("当前audioIndexNow", audioIndexNow);
    }
    setTimeout(function() {
      that.setData({
        index: audioIndexNow,
        audioPalyStatus: 0,
        // showstart: false,
        showpause: true,
        secondplay: false,
        max: that.data.max,
      })
      that.setData({
        currentobj: that.data.audiolist[that.data.index]
      })
      that.setData({
        text: that.data.currentobj.voice_dec,
      })
      console.log("再次的index", that.data.index);
      console.log("下一首的吗", that.data.currentobj);
      console.log("第0首", that.data.audiolist[0], '第一首', that.data.audiolist[1]);
      if (that.data.showpause == true) {
        // that.start()
        that.setData({
          secondplay: false,
        })
        audioManager.src = that.data.currentobj.voicefile
        audioManager.title = that.data.currentobj.voice_name
        audioManager.coverImgUrl = that.data.currentobj.urlimage
        // max = that.data.currentobj.voice_times
      }
    }, 1000)

  },

基本完成音乐播放功能