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>