HTML5的audio在手機網頁上無法自動載入/播放音樂，能否實現該功能？

標籤：code   自動   ios   weixin   超級   read   cli   代碼   網頁   

在IOS中第一次調用play方法播放音頻會被阻止，必須得等使用者有互動動作，比如touchstart，click後才能正常調用，在中可以通過監聽WeixinJSBridgeReady事件來提前播放一個超級短的無音效檔，之後替換src，這樣再調用play方法就可以了。

代碼如下：

$(document).one(‘WeixinJSBridgeReady‘, function () {    var audio = document.getElementById("audio");    audio.play(); //執行一次    audio.setAttribute(‘src‘, ‘img/shake.mp3‘); // 替換src    audio.load();})// 監聽搖晃事件簡化版window.addEventListener(‘devicemotion‘, function () {    document.getElementById("audio").play(); // 成功播放}, false);

 

HTML5的audio在手機網頁上無法自動載入/播放音樂，能否實現該功能？