溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

利用html5標簽audio在不同客戶端下適配播放音頻

發布時間:2020-07-14 06:41:15 來源:網絡 閱讀:1044 作者:mirwangsir 欄目:移動開發

//聲明:ios系統不支持falsh,故而采用各平臺支持的html5 audio標簽

<script>

//創建audio標簽

        var audio = document.createElement("audio");

//增加audio 屬性id

        audio.id = "audio";

//設置播放文件路徑

        audio.src = "sound/music.mp3";

//設置是否循環播放

        audio.loop = "loop";

//獲取當前客戶端環境信息

        var ua = window.navigator.userAgent.toLowerCase();

//判斷當前環境并做出相應處理

        if(ua.match(/iphone/i) == "iphone" || ua.match(/ipod/i) == "ipod" || ua.match(/ipad/i) == "ipad"){

    //當前是ios相關環境,為canvas節點添加事件touchstart監聽

            document.getElementById("canvas").addEventListener("touchstart", function(){

//音頻播放

                audio.play();

            });

        }else if(ua.match(/android/i) == "android"){

            //對android系統不做處理

        }else{

    //對于非ios、android系統,則采用監聽click事件即可

            document.getElementById("canvas").addEventListener("click", function(){

//音頻播放

                audio.play();

            });

        }

    </script>


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女