不同浏览器音频播放——Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause

柔情只为你懂 2022-10-18 14:56 124阅读 0赞

之前遇到过一次关于音频播放的功能要求，文章链接如下：  
[音频播报功能链接地址][Link 1]

当时在本地谷歌浏览器下运行是没有问题。后面音频播报功能上线后，发现用户使用的是360急速模式，导致音频播报过程中报错，报错信息如下：

`Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().`

**本文章是在上面链接的基础上进行的改进**

百度一下后，发现报这个错的原因是因为浏览器禁止音频直接播放导致的。

现在记录一下解决办法：

在需要播放音频的地方

1.  先获取音频文件所在的`audio`标签——`var audio = document.querySelector("audio");`
2.  让音频加载——`audio.load();`
3.  音频播放从头开始——`audio.currentTime = 0;`
4.  音频取消静音——`audio.muted = false;`
5.  判断是否支持音频播放——`let playPromise = audio.play();`

重点就是这个判断：

整体`js`如下所示：

[Link 1]: https://blog.csdn.net/yehaocheng520/article/details/116602846?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162572293216780357266013%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=162572293216780357266013&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v2~rank_v29-1-116602846.pc_v2_rank_blog_default&utm_term=%E9%9F%B3%E9%A2%91&spm=1018.2226.3001.4450