應公司需求，微信公眾號中寫了一個節日推廣活動，需求就類似于一個微場景統計，某年某月某日與用戶發生了點什么....emmmmmm，
其中為了使氛圍得到恰如其分的烘托，加入了音樂需求，
并且為了節約app開發工程師的開發資源，他們需要嵌套我這個H5頁面，
那么問題來了~~這個頁面在微信瀏覽器、安卓app中都能夠自動播放音樂，但是在蘋果app中就不能夠自動播放，
So....看我如何解決，直接上代碼~~~~~
1 musicAutoplayIos () { 2 wx.config({ // 微信配置資訊 3 debug: false, 4 appId: "", 5 timestamp: 1, 6 nonceStr: "", 7 signature: "", 8 jsApiList: [] 9 }) 10 wx.ready(function() { 11 document.getElementById("audio").play(); 12 }); 13 }
宣告完這個方法后，那么接下來我們就是去呼叫它
1 const oAudio = document.getElementById("audio"); // 必須原生獲取 2 this.musicAutoplayIos(); // 兼容ios手機，微信瀏覽器寫法 3 oAudio.play(); // 兼容安卓手機，微信瀏覽器寫法
至此~~以上代碼便能夠兼容IOS手機，從而使audio標簽在蘋果app中也能夠實作自動播放音樂的功能啦
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/11197.html
標籤：JavaScript
下一篇：JavaScript 基礎二