HTML5音频标签没有播放声音的铬和safari中的第一个未聚焦标签

HTML5 audio tag not playing sound for the very first of unfocused tab in chrome and safari?

本文关键字：标签 safari 第一个聚焦播放声音 HTML5 音频更新时间：2024-04-28

无论焦点如何，只要浏览器中有选项卡可用，我都想在应用程序中播放声音。我正在使用HTML5音频标签来播放声音。但chrome和safari会推迟音频播放，直到用户导航或聚焦到选项卡。播放声音的整个音频请求都是在选项卡聚焦时播放的。当你一次听到很多声音时，它会变得太吵。是否可以在没有浏览器延迟的情况下从未聚焦的选项卡播放声音？建议我任何可供选择的解决方案来处理这种情况。提前谢谢。

这是Chrome 46之后的预期行为。为了优化浏览器性能并节省电源，谷歌禁用了背景选项卡上的自动播放功能。然而，从Chrome 47开始，有一种方法可以让人通过启用Chrome标志来覆盖它

~~chrome://flags/#disable-媒体播放的手势要求~~

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

没有允许在"背景"选项卡中播放声音的解决方案。解决方案是在页面聚焦之前不播放任何声音。为此，您可以使用window.onfocus事件处理程序，或者最好使用Visibility API（更多信息）。