国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

H5的audio在ios系統(tǒng)的微信上不能自動播放的問題

CKJOKER / 1360人閱讀

摘要:前幾天有個需求,要在頁面中添加背景音樂,本以為很卻也踩了一些坑,廢話不多說,進入正題擼完代碼測試的時候才發(fā)現(xiàn)在安卓手機上背景音樂可以正常播放,但在里的微信和中不能播放查了很多資料,原來是微信的鍋,微信的是建立在微信內(nèi)置瀏覽器的私有對象上,在

前幾天有個需求,要在H5頁面中添加背景音樂,本以為很easy,卻也踩了一些坑,廢話不多說,進入正題:
擼完代碼測試的時候才發(fā)現(xiàn)在安卓手機上背景音樂可以正常播放,但在iphone里的微信和safari中不能播放!

查了很多資料,原來是微信的鍋,微信的js api是建立在微信內(nèi)置瀏覽器的私有對象WeixinJSBridge上,在微信中打開頁面的話會初始化這個對象,當(dāng)這個對象準備好的時候,會拋出WeixinJSBridgeReady這個事件,我們在這個事件的回調(diào)中可以播放音樂,直接上代碼:

*html*

     

*js*

    var bgAudio = document.getElementById("bg-audio");
    bgAudio.load();
    bgAudio.play();
    // 兼容在微信里自動播放
    document.addEventListener("WeixinJSBridgeReady", function () {
        bgAudio.load();
        bgAudio.play();
    }, false);
    

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/92154.html

相關(guān)文章

  • 移動端 h5 ios不能自動播放音樂問題

    摘要:如果我們想要在一個頁面自動播放背景音樂或是其他音頻,比如是沒辦法調(diào)用事件直接調(diào)用,非得添加手動點擊事件才可以。接下來就說說我在項目里遇到的困難和解決辦法情況我們知道安卓是可以直接調(diào)用音頻的事件的,不行。 如果我們想要在一個頁面自動播放背景音樂或是其他音頻,比如ios是沒辦法調(diào)用audio.play()事件直接調(diào)用,非得添加手動點擊事件才可以。接下來就說說我在項目里遇到的困難和解決辦法....

    verano 評論0 收藏0
  • 微信h5頁面audio標(biāo)簽ios不能自動播放

    摘要:背景介紹在一個頁面中當(dāng)用戶提交表單到后臺后臺返回的結(jié)果成功的話開始自動播放背景音樂出現(xiàn)的問題在安卓手機上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時因為不允許自動播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動播放音頻的話還是 背景介紹:在一個h5頁面中,當(dāng)用戶提交表單到后臺,后臺返回的結(jié)果成功的話,開始自動播放背景音樂 出現(xiàn)的問題:在安卓手機上正常,iOS中沒有反...

    jlanglang 評論0 收藏0
  • 微信h5頁面audio標(biāo)簽ios不能自動播放

    摘要:背景介紹在一個頁面中當(dāng)用戶提交表單到后臺后臺返回的結(jié)果成功的話開始自動播放背景音樂出現(xiàn)的問題在安卓手機上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時因為不允許自動播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動播放音頻的話還是 背景介紹:在一個h5頁面中,當(dāng)用戶提交表單到后臺,后臺返回的結(jié)果成功的話,開始自動播放背景音樂 出現(xiàn)的問題:在安卓手機上正常,iOS中沒有反...

    jsliang 評論0 收藏0

發(fā)表評論

0條評論

CKJOKER

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<