背景:数组可以可以存储其音频地址,让其进行顺序播放和同步播放有两种方式
顺序播放
1使用定时器进行设置传递地址时候,下一个等待音频的播放时间以后在传递地址,这个地方看似没有问题,实际上还是有很大问题的,因为在传递的时候如果数据量大,你就会发现会出现同步播放的情况,因为那个定时和你的音频时间会有误差,数据越大,越明显,还有就是会数组地址更新,这又是问题,更新以后传递过去定时器重新给其定时,这个又给串了,笔者就遇到这个情况了,跳了半天。
2就是下面的方法,我本身是过几秒中我的数组会更新地址,这样会导致程序整体运行一次,可以在音频播放完才运行函数设置一个状态,开始状态设置一个true,将数组传递过去,然后关闭通道,改变状态进行设置flase的情况,然后再可以在音频播放完才运行函数里设置,但播放完到这个数组最后一个音频以后,改变为true,这个时候再接收新的更新后的数组,这样不会出现同步播发的情况。
同步播放
其实就是直接将其地址传递到InnerAudioContextsrc,不管播放时间,直接for循环就可以了。
虽然界面很简单,但是一个音频播放器该有的功能大部分都有了(没有歌词显示功能)
主要实现的功能有:
1实现音频播放,暂停;
2实现拖拽进度条,快进音频进度;
3实现上一首,下一首,列表循环播放;
4实现关闭小程序,也可在后台播放,正式版需要通过审核,开发版本可正常测试;
一丶indexjs
数据初始化
playMusic 切换播放歌曲的方法
countTimeDown 循环计时,进度展示
sliderChange slider的拖拽事件
lastMusic 上一首
playOrpause 中间的按钮,播放/暂停切换
nextMusic 下一首
listClick 列表点击事件
界面切换,时长格式化
二丶indexwxml
三丶indexwxss
四丶要实现关闭小程序后,依然后台播放,微信顶部悬浮展示,需要再appjson配置requiredBackgroundModes属性
可以进入到微信小程序酷我音乐服务,打开自己的音乐歌曲列表,找到要删除的歌曲,点击它右侧的三个点,将会出现一个删除按钮,点击删除即可完成。可以进入到微信小程序酷我音乐服务,打开自己的音乐歌曲列表,找到要删除的歌曲,点击它右侧的三个点,将会出现一个删除按钮,点击删除即可完成。
以上就是关于微信开发小程序音乐循环播放怎么用全部的内容,包括:微信开发小程序音乐循环播放怎么用、微信小程序音频播放之音乐播放器、怎样删除微信小程序酷我音乐的歌曲等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)