HTML5音频标签在Chrome和Safari中的第一个未聚焦标签上没有播放声音？

Question

每当浏览器中有一个选项卡无关紧要时，我想在我的应用程序中播放声音。我正在使用HTML 5音频标签来播放声音。但是Chrome和safari会延迟音频播放，直到用户导航或焦点到标签。播放声音的整个音频请求在标签焦点时播放。当你一次听到很多声音播放时，它会变得太嘈杂。是否可以在没有浏览器延迟性质的情况下从未聚焦的选项卡播放声音？建议我可以使用任何替代解决方案来处理这种情况。提前致谢。

Answer 1

这是自Chrome 46以来的预期行为。为了优化浏览器性能并节省电量，Google已禁用后台标签上的自动播放功能。但是从Chrome 47开始，有一种方法可以通过启用 Chrome标记

来覆盖它

  

<击>铬：//标志/＃禁用-姿势的要求换媒体回放

更新：自Chrome 60以来Chrome徽标已不再可用（谢谢@gordie）

没有解决方法可以让声音在“背景”标签中播放。解决方案是在页面聚焦之前不播放任何声音。为此，您可以使用window.onfocus事件处理程序，或者最好使用Visibility API（more info）。