在vue中使用.play()方法实现点击播放音效,但是遇到音效时长大于两次点击时间间隔时,音效会在第一次点击开始播放,音效时间全部播放结束后,才能继续播放下一次点击的音效
若想要不管音效时长,点击就触发播放,实现音效叠加,这里使用.cloneNode().play();方法
但是此方法用在ios上,会一直复制audio标签导致加载资源次数较多,页面卡顿问题,android则不会,可能跟操作系统的处理机制有关,目前只能解决安卓端,ios不能实现
有解决方法的朋友可以留言,一起分享学习。
在vue中使用.play()方法实现点击播放音效,但是遇到音效时长大于两次点击时间间隔时,音效会在第一次点击开始播放,音效时间全部播放结束后,才能继续播放下一次点击的音效
若想要不管音效时长,点击就触发播放,实现音效叠加,这里使用.cloneNode().play();方法
但是此方法用在ios上,会一直复制audio标签导致加载资源次数较多,页面卡顿问题,android则不会,可能跟操作系统的处理机制有关,目前只能解决安卓端,ios不能实现
有解决方法的朋友可以留言,一起分享学习。
本文标题:移动端项目连续点击播放音效叠加
本文链接:https://www.haomeiwen.com/subject/tvztfktx.html
网友评论