微信小程序播放音频列表

微信小程序的音频播放    链接：单曲播放

对于音频的播放，肯定会有多首音频的情况，这个时候播放下一曲的功能就需要做出来：

我这边做了一个粗糙的版本：

wxml:

 <audio id='audioid' src='{{vidioUrl[i]}}' binderror="audioError" bindplay="audioPlay" bindeneded="playEnd" bindtimeupdate="timeUpdate"> 
  </audio>

js：

 next:function(){
   if(this.data.i != this.data.vidioUrl.length-1) {
     this.setData({
       i: this.data.i + 1,
       flags: true,
       flagp: false
     })
   }
   else{
   this.setData({
     i: 0,
     flags: true,
     flagp: false
   })
   }
   this.audioContext.pause();
   this.audioContext.seek(0);
   this.audioContext.play();
   console.log(this.data.i+"下标")
  }

关于flags和flagp就是银屏播放按钮的控制变量，if来控制播放曲目的下标超过数组的长度时候，从头开始播放，关于播放上一首就不在叙述了。