1. 程式人生 > >做h5小遊戲遇到的關於音訊視訊的坑

做h5小遊戲遇到的關於音訊視訊的坑

用H5做小遊戲最大的坑在於Android和IOS的各種不相容性,經常其中一個好用另一個不好用,把目前遇到並解決的問題列一下以防自己以後忘記

1.   首先,ios和And都是不支援音訊視訊的自動播放的,因為手機設定幫助省流量的原因,所以需要做成偽自動播放,也就是引導使用者去點選一些按鈕或者頁面,繫結touchstart進行觸發

2.   雖然audio標籤推薦使用ogg格式的音訊,但是!!IOS的微信瀏覽器是不支援ogg格式的,所以老老實實的用mp3吧

3.   然後還是ios的坑,ios是不支援在init時候呼叫onload函式的,根本就不會執行onload裡的內容,所以可以做雙onload,在需要觸發的情況下,再新增一個隱藏觸發按鈕就好了

4.   關於視訊的自動播放,原理和音訊同理,ios做特殊處理

document.addEventListener("WeixinJSBridgeReady", function () {
				document.getElementById('video').play();
			}, false);

還有一些,想起來再補充