簡體   English   中英

Javascript音頻在移動設備上不起作用

[英]Javascript audio isn't working on mobile devices

下面的代碼在桌面瀏覽器上可以正常工作(播放音樂)。 但是,當我嘗試在任何移動設備上打開該站點時,它將無法正常工作。

var music = new Audio("mscs/gamemusic.mp3");

function playmusic() {
    music.controls = false;
    music.loop = false;
    music.autoplay = true;
    document.body.appendChild(music)
}

我在游戲開始時在函數中使用它:

function createnewgame() {
    ...
    playmusic();
    ...
    ...
}

有人知道怎么了嗎?

好吧,這顯然是瀏覽器支持問題。 根據caniuse的說法<audio>元素(並且js的Audio對象是用於此對象的接口)具有已知的支持問題,包括

按照規范的建議, iOSAndroid上的Chrome不支持autoplay

和別的。 不知道是否可以通過某些庫解決此問題,但是由於autoplay的限制是設計引入的,所以我不會指望解決方法...

您可以嘗試直接從JavaScript播放音頻,而不是將var“音樂”添加到html正文中。

 function playmusic() { music.play(); } 


某些移動瀏覽器支持音頻的自動播放,但是ios,chrome和其他瀏覽器需要交互操作才能觸發聲音播放。您可以嘗試使用靜音屬性... 在此處輸入鏈接說明

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM