[英]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
對象是用於此對象的接口)具有已知的支持問題,包括
按照規范的建議, iOS和Android上的Chrome不支持
autoplay
和別的。 不知道是否可以通過某些庫解決此問題,但是由於autoplay
的限制是設計引入的,所以我不會指望解決方法...
您可以嘗試直接從JavaScript播放音頻,而不是將var“音樂”添加到html正文中。
function playmusic() { music.play(); }
某些移動瀏覽器支持音頻的自動播放,但是ios,chrome和其他瀏覽器需要交互操作才能觸發聲音播放。您可以嘗試使用靜音屬性... 在此處輸入鏈接說明
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.