微信小程式播放音訊列表

微信小程式的音訊播放    連結：單曲播放

 

對於音訊的播放，肯定會有多首音訊的情況，這個時候播放下一曲的功能就需要做出來：

我這邊做了一個粗糙的版本：

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來控制播放曲目的下標超過陣列的長度時候，從頭開始播放，關於播放上一首就不在敘述了。

更多文章請關注公眾號：每天學Java。想獲得更多最新面試提醒請進入小程式：每天學Java

 公眾號二維碼：                                                                                          小程式二維碼：