微信小程序播放音频列表

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

 

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

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

wxml:

 

 

 

 

 

 

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

 公众号二维码：                                                                                          小程序二维码：