HTML5 <audio> 标签 - 自动播放，即使选项卡没有焦点

Posted 2023-02-25

【中文标题】HTML5 <audio> 标签 - 自动播放，即使选项卡没有焦点

【英文标题】：HTML5 <audio> tag - autoplay, even when the tab does not have focus

【发布时间】：2013-10-07 17:37:34

【问题描述】：

我正在运行一个大型批处理页面，加载时间在 1 到 10 分钟之间。页面加载完成后，我单击刷新以重新加载页面并为下一批自动加载。整个过程需要 50 到 100 次点击，有时甚至长达 3 小时（不要问，认真的......）。

由于等待了这么久，我将页面设置为在页面加载时播放警报声。我把它放在页面的正文中：

<audio controls autoplay style="visibility:hidden;">
    <source src="http://mysite.com/ding-dong.mp3" type="audio/mpeg">
</audio>

效果很好 - 但仅当标签具有活动焦点时。如果我在网络上的其他地方浏览，同时等待页面加载，我仍然希望在页面加载完成时听到警报。

这可以使用 html5 <audio> 标记吗？

谢谢！

【参考方案1】：

由于版本 46 的性能和省电政策，此功能已禁用，请参阅code review 中的更多信息，但从版本 47 开始，您可以切换此 chrome 标签#disable-gesture-requirement-for-media-playback。我已经在 53 版上成功测试了它。

【讨论】：

标志不存在了？ （此处为 chrome 60）- 还有其他选择吗？

@gordie 我发现有人错误地提到了缺少标签，可能下一个版本会修复它（我也有问题）。 bugs.chromium.org/p/chromium/issues/detail?id=728108#c2