微信小程序播放音频列表

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

微信小程序的音频播放    链接：[单曲播放][Link 1]

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

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

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

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

![70][]                       ![70 1][]

[Link 1]: http://blog.csdn.net/qq442270636/article/details/78055493
[70]: https://img-blog.csdn.net/20180821214620778?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNDQyMjcwNjM2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220608/30be50f072924a9fbc29258cc95ad6d8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

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

相关阅读

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

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

女爷i/ 2022年06月08日 12:47/ 0 赞/ 370 阅读

相关微信小程序音频播放

今天做微信小程序涉及到播放音频文件： ![Center][] 使用audio标签来绑定音频路径 <audio id='audioid' src='{

野性酷女/ 2022年06月08日 09:50/ 0 赞/ 382 阅读

相关微信小程序Audio列表音乐单独播放

问题描述官方文档仅给出了一首音乐的播放/暂停的操作说明，而我们的音乐有时候是以列表的形式展开的。具体操作是点击音乐播放，再次点击暂停，各音乐播放不会发生冲突。

古城微笑少年丶/ 2022年01月28日 01:29/ 0 赞/ 716 阅读

相关微信小程序音频，在播放时获取时长及当前时间

audioPlayed: function () { myAudio.play() setTimeout(() => {

青旅半醒/ 2022年01月15日 17:31/ 0 赞/ 1157 阅读

相关微信小程序音频播放器

最近在项目中有写到了一个音频，在这里总结一下首先传送地址： [https://developers.weixin.qq.com/miniprogram/dev/api/m

悠悠/ 2021年11月10日 08:52/ 0 赞/ 433 阅读

相关微信开发-音频播放

在微信中，需要通过[InnerAudioContext][] 进行音频播放。通过[wx.createInnerAudioContext()][wx.createInnerA

深碍√TFBOYSˉ_/ 2021年09月18日 01:36/ 0 赞/ 551 阅读

相关小程序音频播放带上下切换音频，带列表选择

微信小程序开发交流qq群 581478349 微信：承接小程序开发 ![70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

Love The Way You Lie/ 2021年09月18日 00:04/ 0 赞/ 432 阅读

相关微信小程序开发之录音机音频播放动画 (真机可用)

1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. ![Center][] 2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是

朴灿烈づ我的快乐病毒、/ 2021年09月12日 07:30/ 0 赞/ 469 阅读

相关微信小程序开发—(十五)audio音频播放

一.知识点（1）.audio为音频组件，我们可以轻松的在小程序中播放音频。 ![20170517102532617][] [整理下就是：][Link 1]

向右看齐/ 2021年09月12日 07:06/ 0 赞/ 1668 阅读

相关微信小程序 audio 音频组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 音频。[1.6.0][]版本开始，该组件不再维护。建议使用能力更强的 [wx.createI

ゞ浴缸里的玫瑰/ 2021年09月08日 06:18/ 0 赞/ 555 阅读