前言:
最近在公司中实现进入页面之后点击单词直接播放音频的时候,发现音频并不会播放声音,并且控制台报错:
研究之后找到了解决方案,与小伙伴们进行分享
原因:
首先看这句话的意思: 在调用 play()
方法后不久立即调用了 pause()
方法,导致播放请求被中断。这种情况可能发生在音频或视频元素还没有准备好播放时就尝试播放的情况
解决方案:
为play()方法添加定时器(查阅资料发现:500ms一般不再报错)
setTimeout(() => {
player.play();
}, 500);