javascript - 自谷歌自动播放政策更改以来如何在网站上播放通知声音

Question

我一直在尝试在网站上发出短促的哔声，但谷歌自动播放政策更改不允许我这样做，我应该怎么做。我已经看到很多网站仍在这样做，例如 Facebook 聊天等。

我试过这个没有成功(也试过元素):

function beep(vol, freq, duration){
v=a.createOscillator()
u=a.createGain()
v.connect(u)
v.frequency.value=freq
v.type="square"
u.connect(a.destination)
u.gain.value=vol*0.01
v.start(a.currentTime)
v.stop(a.currentTime+duration*0.001);
}
beep(vol, freq, duration);

Answer 1

问题是根据 Chrome 的自动播放策略，在某些情况下自动播放声音会被阻止。

在以下情况下允许自动播放声音:

用户有 互动 使用域(单击、点击等)。

在桌面上，用户的媒体参与指数阈值已被超过，这意味着用户 以前玩过有声视频。

用户已将网站添加到移动设备的主屏幕或 安装了 PWA 在桌面上。

顶级帧可以将自动播放权限委托(delegate)给他们的 iframe 允许自动播放声音。

见 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio更多细节。