問題描述

js控制audio自動播放音樂時報錯： >Uncaught (in promise) DOMException

我的報錯之前的程式碼：

<audio id="myaudio" src="assets/audio/芒種.mp3" controls="controls" loop="true" hidden="true">
</audio>

$(function () {
    var myAuto = document.getElementById('myaudio');
    myAuto.play();
})
 

網上搜原因說是： >這是因為，Chrome只允許使用者對網頁進行主動觸發後才可自動播放音訊和視訊。其實，嚴格地來說，是Chrome不允許在使用者對網頁進行觸發之前播放音訊，而視訊其實是不受限制的。但因為視訊檔案同樣包含了音訊，所以也一同被禁止了。Chrome這樣做的目的是為了防止開發者濫用自動播放功能而對使用者產生騷擾。

內容來源於：http://www.nooong.com/docs/chrome_video_autoplay.htm

解決辦法：

在上面的html程式碼中加入<code>autoplay</code>，如下：

<audio id="myaudio" src="assets/audio/芒種.mp3" controls="controls" autoplay loop="true" hidden="true">
</audio>
 

然後就可以正常播放了，我的Chrome版本:

完成

如果喜歡的話，歡迎關注weyoung公眾號...

相關推薦