audio标签在chrome下播放失败

Question

html

<audio src="./../static/music/10683.mp3" id="eventAudio"></audio>

js

audioFun(){
   let eventAudio = document.getElementById('eventAudio');
   eventAudio.play()
}

audioFun() 这样调用方法播放音效，在360极速浏览器和火狐等浏览器下正常播放
但是在chrome下，报错 Uncaught (in promise) DOMException

Answer 1

新版本的chrome暂时没办法，至少需要一个用户交互。

Answer 2

今天遇到了这个需求，简单写了个hack的方法，实测可用：
chrome浏览器下audio自动播放的hack