Web 音频 api - 不允许启动 AudioContext。必须在页面上的用户手势后恢复（或创建）

Question

所以我的控制台上有这个警告。我阅读了文档：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

我按照他们说的做了一切，但我仍然有这个警告。这是我的代码：

let context;
window.onload = function() {
    context = new AudioContext();
    ...
}

// click event
document.addEventListener('click', function (e) {
    if (e.target.closest('.play1')) {
       context.resume().then(() => {
            source.start(0);
       });
    }
})

警告文本是关于这一行的：context = new AudioContext();

有人看到我缺少什么吗？非常感谢

Answer 1

是的，警告是因为您没有在用户手势中创建上下文。我发现这个警告非常烦人，因为在没有用户手势的情况下创建上下文并没有错。不允许的是在没有用户手势的情况下启动/恢复上下文。

由于您通过用户单击恢复上下文，所以一切都很好。

我会忽略它。或者通过单击或其他用户手势创建上下文。

我希望 Chrome 能够修复该警告，以便仅当您尝试在没有用户手势的情况下恢复上下文时才会显示该警告。