原因:Chrome的autoplay政策在2018年4月做了更改。
解决办法:
1,
第一步,在chrome浏览器中输入:chrome://flags/#autoplay-policy
第二步,在Autoplay policy中将Default改为No user gesture is required
第三步,重启Chrome
2,设置浏览器添加项目地址,允许此网址播放声音
<audio controls src="SecurityReminder.mp3" id="myaudio" style="opacity: 1;"></audio>
let myaudio = document.getElementById('myaudio')
myaudio.play()
setTimeout(() => {
myaudio.pause()
}, 1000);
myaudio.addEventListener('ended', function () {
console.log('Audio has ended.');
});
myaudio.addEventListener('play', function () {
console.log('Audio has play.');
});
myaudio.addEventListener('pause', function () {
console.log('Audio has pause.');
});