微信开发小程序音乐循环播放怎么用

背景：数组可以可以存储其音频地址，让其进行顺序播放和同步播放有两种方式

顺序播放

1.使用定时器进行设置传递地址时候，下一个等待音频的播放时间以后在传递地址，这个地方看似没有问题，实际上还是有很大问题的，因为在传递的时候如果数据量大，你就会发现会出现同步播放的情况，因为那个定时和你的音频时间会有误差，数据越大，越明显，还有就是会数组地址更新，这又是问题，更新以后传递过去定时器重新给其定时，这个又给串了，笔者兄大就遇到这个情况了，跳了半天。

2.就是下面的方法，我本身是过几秒中我的数组会更新地址，这样会导致程序整体运行一次，可以在音频播放完才运行函数设置一个状态，开始状态设置一个true，将数组传递过去，然后关闭通道，改变状态进行设置flase的情况，然后再可以在音频播放完才运行函数里设置，但播放完到这个数组最后一个音频以后，改变为true，羡正竖这个时候再接收新的更新后的数组，这样不会出现同步播清稿发的情况。

同步播放

其实就是直接将其地址传递到InnerAudioContext.src，不管播放时间，直接for循环就可以了。

image标签首先绑定tap事件，然后绑定闷顷属性data-imgsrc=图片路径，在绑定的tap事件中获碧罩晌取imgsrc；比如：

getImageSrc:function(res){

    console.log(res)

    var 悔锋imgsrc= res.target.dataset.imgsrc

    

  }

1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在首拍index.wxml页面。

4、在index模块中index.js页面，在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的 *** 作。

5、在index.wxml页面，使用for循环遍历输出index.js传递过来的唯物数据data，通过item将data数据输出在页面。

6、在服务端新建一个api.php页面来接收微信小程序的数据请求。

7、最后编译微信小程序，查看从数据表type获者山羡得数据内容，成功从数据库读取数据并输出在页面上。

---