JS：音頻在首次加載時播放，但不在頁面刷新時播放

Question

音頻確實在第一次加載時播放，但在頁面刷新時出現此錯誤：

Uncaught (in promise) DOMException: play() failed 因為用戶沒有先與文檔交互。

Html：

     <div>
        <audio src="./songs/the_end.mp3" id="theEnd"></audio>
    </div>

JS：

    const theEnd = document.querySelector('#theEnd')

    window.addEventListener('load', () => {
        theEnd.play()
    })

我應該改變什么，以便即使在頁面刷新時也能像第一次加載一樣播放音頻？

Codesandbox供你們測試： https://codesandbox.io/s/fervent-brook-l06u8

Answer 1

您可以嘗試添加autoplay屬性。

所以：

 <div>
    <audio autoplay src="./songs/the_end.mp3" id="theEnd"></audio>
</div>