微信內置瀏覽器中如何自動播放音頻文件,可以這樣處理
點擊上方藍字關注「小鄭搞碼事」,每天都能學到知識,搞懂一個問題!
如何你做過H5,或者在移動頁面中處理過音頻文件,就知道在ios的Safari瀏覽器下,是不允許自動播放audio,但是在微信內嵌瀏覽器是可以自動播放音頻的,如果你不知道怎麼在微信內嵌瀏覽器中自動播放音頻,那下面我們就來分析一下微信內嵌瀏覽器目前是如何處理自動播放音頻功能的。
方法一:JS-SDK
引入文件後,首先通過wx.config介面注入許可權驗證配置,然後在ready中play一下audio。
方法二:WeixinJSBridge.invoke
以前用的是WeixinJSBridge.invoke方法,綁定getNetworkType事件,返回中拿到網路信息,然後在根據網路信息是wifi還是4G等來播放音頻。
最後總結:
測試中發現,不是所有的機型和微信版本都需要像上面這樣處理才能自動播放的,總體上看高版本微信(6.3.7及以上和ios9.1及以上並存的時候必須如上處理才能自動播放,其次只需要設置autoplay屬性就行),讀者可以自行測試一下。
以上純屬個人理解,如有不對,歡迎留言交流!!
※node.js-文件路徑
※node.js-定時器
※JavaScript中有一個比較火的技術叫事件委託
※H5-這篇告訴你什麼是最佳適配方案
※理解clip屬性及用它如何實現圖片載入環形loading效果
TAG:小鄭搞碼事 |
※不用插件!教你一鍵顯示瀏覽器自動保存的密碼
※不用插件!一鍵顯示瀏覽器自動保存的密碼
※微軟開發智能耳機 能夠自動暫停播放
※這種智能狙擊槍配備了微型電腦,可以自動瞄準
※電腦正常使用途中會自動關機或黑屏!這三種方案幫您解決!
※喜可見 谷歌Chrome自動播放視頻不再會有聲音
※使用超聲波技術 微軟的雙屏手機可實現界面自動調整
※Edge瀏覽器更新,能阻止自動播放視頻
※美軍試射「生命收割機」自動榴彈發射器就是應該這樣
※智能電視如何開機自動設置當貝桌面?輕鬆教你搞定!
※電腦在什麼情況下會經常出現自動重啟,應該這樣解決
※全自動反衝洗過濾器應該怎樣操作
※快手上線天空濾鏡「魔法表情」,可自動識別天空拍攝特效視頻
※從概念到實踐,我們該如何構建自動微分庫
※除了養成整理文件的好習慣,你還應該具備自動化處理的思維
※谷歌將開始在Chrome瀏覽器中禁止視頻自動播放聲音
※優步自動駕駛事故公布調查信息 責任有可能不在優步?
※按型腔不同來擺放部件,該專利的自動化系統不只有這一項功能
※智利機構公開疑似不明飛行物視頻,竟對雷達自動隱身!
※美的展示微晶智能保鮮冰箱 能自動識別食材動態調整製冷方式