微信小程序中如何自定义一个音乐进度条


这篇文章主要介绍了微信小程序中如何自定义一个音乐进度条的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序中如何自定义一个音乐进度条文章都会有所收获,下面我们一起来看看吧。需求:显示音乐播放按钮、可手动拖拽进度条;页面中含多个音乐,播放当前音乐时暂停其他音乐播放。小程序自带标签 audio小程序自带的audio标签含固定的样式,且有最小尺寸。目前项目也不含name和author字段,所以放弃audio标签。实现效果图初始化音乐数据点击播放按钮触发事件说明:•因页面中音乐数量较多,所以只有当用户点击播放,再去加载audio文件。•wx.getBackgroundAudioManager()对象,同一时间只会播放一个audio文件。当重新赋值src时,会切换文件。•利用onTimeUpdate方法实时更新播放进度。•onE免费云主机域名nded方法处理audio播放完毕后的数据重新初始化事件。•变量clickPlayAudioFunctionIsRuning用来防止用户连续点击按钮。滑动进度条触发事件开始滑动触发事件结束滑动触发事件关于“微信小程序中如何自定义一个音乐进度条”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“微信小程序中如何自定义一个音乐进度条”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: 怎么用C#实现多文件压缩与解压功能

本篇内容主要讲解“怎么用C#实现多文件压缩与解压功能”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用C#实现多文件压缩与解压功能”吧!选择多个文件压缩成ZIP文件和解压ZIP文件开发工具: Visual Stu…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 04/20 20:49
下一篇 04/20 20:50

相关推荐