如何在 Chrome (Angular) 中自动播放音频？

Question

我必须实现声音通知，如果用户没有与页面交互，我就无法在 Chrome 上播放音频。

我尝试过以下解决方法：

• 添加带有虚拟音频文件的 iframe，
• 将 ViewChild 与 play() 方法结合使用，
• 甚至在按钮上使用 click() 然后再次尝试 play() 方法。

这些似乎都不起作用。我得到的唯一结果是当用户与页面交互时，但如果他刷新页面并且不与页面交互，则不会播放声音，这超出了音频通知的目的。

Edge 的自动播放似乎没有任何问题，有人知道 Chrome 的一个好的解决方法吗？

我实现的 Stackblitz 示例是 here

Answer 1

你不能。

您的页面没有足够高的媒体参与指数来启用自动播放。您可以在 chrome://media-engagement 处对此进行调试。

另见：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei