微信小程序播放音频列表

女爷i 2022-06-08 12:47 447阅读 0赞

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

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

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

wxml:

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

js：

  1. next:function(){
  2.    if(this.data.i != this.data.vidioUrl.length-1) {
  3.      this.setData({
  4.        i: this.data.i + 1,
  5.        flags: true,
  6.        flagp: false
  7.      })
  8.    }
  9.    else{
  10.    this.setData({
  11.      i: 0,
  12.      flags: true,
  13.      flagp: false
  14.    })
  15.    }
  16.    this.audioContext.pause();
  17.    this.audioContext.seek(0);
  18.    this.audioContext.play();
  19.    console.log(this.data.i+"下标")
  20.   }

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

更多文章请关注公众号：每天学Java。想获得更多最新面试提醒请进入小程序：每天学Java

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

70 70 1

发表评论

表情：
评论列表 （有 0 条评论，447人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序播放音频列表

    微信小程序的音频播放    链接：[单曲播放][Link 1]   对于音频的播放，肯定会有多首音频的情况，这个时候播放下一曲的功能就需要做出来： 我这边做了一个粗糙的版

    女爷i女爷i/ 0 赞/ 448 阅读