因为一些限制,音频文件无法自动播放。
解决方法是增加一个交互事件。
audio.addEventListener("canplaythrough", function({
document.addEventListener('click',function(){
audio.play()
document.removeEventListener('click',arguments.callee)
})
document.addEventListener('mousewheel',function(){
audio.play()
document.removeEventListener('mousewheel',arguments.callee)
})
document.addEventListener('touchstart',function(){
//增加一个touchstart交互事件,触屏后播放音乐
audio.play()
//播放音频后移除touchstart事件的当前匿名函数
document.removeEventListener('touchstart',arguments.callee)
})
})
这样移动端就和PC表现一致。
解决音频自动播放限制
本文介绍了一种通过增加交互事件来解决音频文件自动播放限制的方法,适用于移动端和PC端。具体包括点击、滚轮和触屏事件触发播放。
1827

被折叠的 条评论
为什么被折叠?



