欧美一区二区三区性视频_婷婷综合另类小说色区_亚洲av乱码一区二区三区林ゆな_天堂在线资源中文在线8_久久这里只有精品首页

妙網(wǎng)科技 妙網(wǎng)科技 首頁 妙網(wǎng)科技 網(wǎng)站開發(fā) 妙網(wǎng)科技 解決ios 音頻不能自動(dòng)播放問題

解決ios 音頻不能自動(dòng)播放問題

所屬欄目： 網(wǎng)站開發(fā) | 更新時(shí)間：2017-1-5 | 閱讀：4774 次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Auto play html audio in iOS WeChat InAppBrowser the right way</title>
</head>
<body>
    <h1>在 iOS 微信瀏覽器中自動(dòng)播放 HTML5 audio(音樂) 的正確方式</h1>
    <p>核心原理: 在微信的JS-API 中 play 一下 audio 即可達(dá)到自動(dòng)播放的目的(應(yīng)該是微信自己做了處理)</p>
    <br>
    <br>
    <br>
    <audio id="bgmusic" src="http://www.w3school.com.cn/i/song.mp3" autoplay preload loop controls></audio>
    <!-- 當(dāng)使用方法1時(shí)必須加載 JS-SDK 的 JS 文件, 方法2不需要加載這個(gè) JS -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
    // 方法1: 現(xiàn)在微信官方已經(jīng)推出了微信JS-SDK, 最好還是不要使用"野生"方式, 因?yàn)椴恢朗裁磿r(shí)候就可以不能用了!
    // http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
    // 通過config接口注入權(quán)限驗(yàn)證配置后, 在 ready 中 play 一下 audio
    function autoPlayAudio1() {
        wx.config({
            // 配置信息, 即使不正確也能使用 wx.ready
            debug: false,
            appId: '',
            timestamp: 1,
            nonceStr: '',
            signature: '',
            jsApiList: []
        });
        wx.ready(function() {
            document.getElementById('bgmusic').play();
        });
    }

    // 方法2: "野生"方法, 借用原來老的 WeixinJSBridge
    function autoPlayAudio2() {
        window.onload = function() {
            // alert(typeof WeixinJSBridge);
            WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
                // 在這里拿到 e.err_msg, 這里面就包含了所有的網(wǎng)絡(luò)類型
                // alert(e.err_msg);
                document.getElementById('bgmusic').play();
            });
        };
    }

    // 大家或多或少都知道 iOS Safari 不允許自動(dòng)播放 audio, 可能已經(jīng)被坑過了,
    // 但微信內(nèi)嵌的瀏覽器應(yīng)該是做了一些定制化, 允許自動(dòng)播放 audio.
    // 測(cè)試了以下機(jī)型在微信內(nèi)嵌瀏覽器中僅需設(shè)置 audio autoplay 即可自動(dòng)播放(audio)音樂, 無需特殊處理.
    // * iPhone5     iOS 7.0.6 WeChat 6.2
    // * iPhone5s    iOS 8.1.2 WeChat 6.3.7
    // * iPhone6Plus iOS 8.1.3 WeChat 6.3.7
    // * MI1S    Android 4.1.2 WeChat 6.3.7
    // 
    // 但是當(dāng)手機(jī)是 iPhone6s iOS 9.1 WeChat 6.3.7 時(shí), 必須做如下特殊處理才能在微信中自動(dòng)播放(audio)音樂,
    // 我可以推測(cè)是 iOS 9 的兼容性問題么?
    // 
    autoPlayAudio1(); // 推薦使用方法1
    // autoPlayAudio2(); // 也可以試一試方法2
    </script>
</body>
</html>
?