如何在 Chrome (Angular) 中自动播放音频?
How to autoplay audio in Chrome (Angular)?
我必须实现声音通知,如果用户没有与页面交互,我就无法在 Chrome 上播放音频。
我尝试过以下解决方法:
- 添加带有虚拟音频文件的 iframe,
- 通过 play() 方法使用 ViewChild,
- 甚至在按钮上使用 click() 然后再次尝试 play() 方法。
None 这些似乎有效。我得到的唯一结果是当用户与页面交互时,但如果他刷新页面但不与页面交互,则不会播放任何声音,这与音频通知的目的不符。
Edge 的自动播放似乎没有任何问题,有人知道 Chrome 的好的解决方法吗?
我的 Stackblitz 实施示例是 here
你不能。
您页面的媒体参与度指数不够高,无法启用自动播放。您可以在 chrome://media-engagement
.
进行调试
另请参阅:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei
我必须实现声音通知,如果用户没有与页面交互,我就无法在 Chrome 上播放音频。
我尝试过以下解决方法:
- 添加带有虚拟音频文件的 iframe,
- 通过 play() 方法使用 ViewChild,
- 甚至在按钮上使用 click() 然后再次尝试 play() 方法。
None 这些似乎有效。我得到的唯一结果是当用户与页面交互时,但如果他刷新页面但不与页面交互,则不会播放任何声音,这与音频通知的目的不符。
Edge 的自动播放似乎没有任何问题,有人知道 Chrome 的好的解决方法吗?
我的 Stackblitz 实施示例是 here
你不能。
您页面的媒体参与度指数不够高,无法启用自动播放。您可以在 chrome://media-engagement
.
另请参阅:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei