audio自動播放在蘋果系統下的兼容性解決方案

針對近期作的h5宣傳頁，頁面中含有audio元素，且是自動播放，頁面寫起來挺順利，可是在測試的時候，發如今蘋果系統下，audio不能自動播放，究其緣由，是蘋果系統默認音頻文件在不發生任何事件的狀況下不能自動播放。
針對這個問題，度娘一番，終於解決這個問題，如今把解決方案分享給你們。
有兩種解決方法：
第一種：利用微信提供的接口：wx.config 和 wx.ready
先引入js文件
<script src=" http://res.wx.qq.com/open/js/... "></script>

在頁面添加如下代碼

wx.config({
    debug : false, // 這裏爲false
    appId : '', // 如下隨意填寫便可
    timestamp : (new Date()).getTime(),
    nonceStr : '',
    signature : '',
    jsApiList : ['checkJsApi'] 
    });
wx.ready(function() {
    audio.play();
    });

第二種方法：WeixinJSBridgeReady，對就這個東東能夠搞定這個問題
代碼以下：

var audo = document.getElementById('myAudio');
audo.play();
document.addEventListener('WeixinJSBridgeReady', function() {
    audo.play();
    }, false);

不過對第二種方法，建議不要輕易使用。
本文屬於原創，若是用問題，你們共同交流，共同進步。