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 能夠修復警告，以便它僅在您嘗試在沒有用戶手勢的情況下恢復上下文時顯示。