微信小程序实现音频播放，带有点击上一首和下一首的功能

1.注册音频的Api

const innerAudioContext = wx.createInnerAudioContext();

2.需要用到数据

    exhibitList: [],  //资源列表
    audioSrc: null, //需要播放的音频资源
    iconUrl:null, //需要播放的音频的图片资源
    audioName:null, //需要播放音频的名称
    isPlayAudio: false,
    audioSeek: 0, //音频当前时间
    audioDuration: 0, //音频总时间
    showTime1: '00:00',
    showTime2: '00:00',
    durationIntval: 0,
    audioTime: 0, //进度条变化的值

3.监听页面卸载

onUnload: function () {
   
    //初始化音频播放参数
    this.setData({
   
      showTime1: '00:00',
      showTime2: '00:00',
      durationIntval: 0,
      audioTime: 0, //进度条变化的值
      isPlayAudio: false,
      audioSeek: 0, //音频当前时间
      isPlayAudio: false,
    })
    //音频播放停止
    innerAudioContext.stop()
    //卸载页面，清除计步器
    clearInterval(this.data.durationIntval);
  },

4.加载初始化

onLoad: function (options) {
   //初始化音频控件
    this.initAudio();
    this.loadaudio();
  },

5.点击单个资源播放

exhibitClick:function(e){
   
   
    let index=e.currentTarget.dataset.index;
    // console.log(this.data.exhibitList)
    var that = this;
    //获取音频资源链接
    let audiourl = this.data.exhibitList[index].audioUrl;
    // console.log(audiourl)
    let iconUrl = e.currentTarget.dataset.iconurl;
    let audioName = this.data.exhibitList[index].name;
       console.log(this.data.exhibitList[index])
    //判断当前音频是否为免费音频
    let isFree = e.currentTarget.dataset.isfree;
    let audioVipType = e.currentTarget.dataset.viptype;
  
    if (isFree == 1){
   
       //