这篇文章主要介绍了微信小程序怎么使用slider实现音频进度条的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅免费云主机域名读完这篇微信小程序怎么使用slider实现音频进度条文章都会有所收获，下面我们一起来看看吧。微信小程序的slider组件，效果如图：长的跟进度条还是蛮相似的。下面上代码slider是进度条，bindchange是slider的拖动事件，playtime 已播放时间，alltime 总时间首先要初始化一个音频播放器，然后要获取音频的总时长duration，然后需要把这个时长转换成00:00这样的格式显示下面就是开始播放的时候设置一个定时器，每一秒更新进度条的百分比，显示当前播放的时间，停止的时候把计时器停止就可以了，这样播放就完成了下面就是要处理进度条的拖动事件，这个就比较简单了，就是获取进度条的百分比，转换成相应的播放时间，跳转到音频相应的时间进行播放就可以了关于“微信小程序怎么使用slider实现音频进度条”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“微信小程序怎么使用slider实现音频进度条”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注百云主机行业资讯频道。
本文小编为大家详细介绍“vue怎么动态绑定多个类名”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue怎么动态绑定多个类名”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。今天遇到一个问题，就是 一个元素要动态绑定 两个或多个类名。绑…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
