資訊專欄INFORMATION COLUMN
摘要：前幾天有個需求，要在頁面中添加背景音樂，本以為很卻也踩了一些坑，廢話不多說，進入正題擼完代碼測試的時候才發(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
摘要：如果我們想要在一個頁面自動播放背景音樂或是其他音頻，比如是沒辦法調(diào)用事件直接調(diào)用，非得添加手動點擊事件才可以。接下來就說說我在項目里遇到的困難和解決辦法情況我們知道安卓是可以直接調(diào)用音頻的事件的，不行。 如果我們想要在一個頁面自動播放背景音樂或是其他音頻，比如ios是沒辦法調(diào)用audio.play()事件直接調(diào)用，非得添加手動點擊事件才可以。接下來就說說我在項目里遇到的困難和解決辦法....
摘要：背景介紹在一個頁面中當(dāng)用戶提交表單到后臺后臺返回的結(jié)果成功的話開始自動播放背景音樂出現(xiàn)的問題在安卓手機上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時因為不允許自動播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動播放音頻的話還是 背景介紹:在一個h5頁面中,當(dāng)用戶提交表單到后臺,后臺返回的結(jié)果成功的話,開始自動播放背景音樂 出現(xiàn)的問題:在安卓手機上正常,iOS中沒有反...
摘要：背景介紹在一個頁面中當(dāng)用戶提交表單到后臺后臺返回的結(jié)果成功的話開始自動播放背景音樂出現(xiàn)的問題在安卓手機上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時因為不允許自動播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動播放音頻的話還是 背景介紹:在一個h5頁面中,當(dāng)用戶提交表單到后臺,后臺返回的結(jié)果成功的話,開始自動播放背景音樂 出現(xiàn)的問題:在安卓手機上正常,iOS中沒有反...
閱讀 1010·2021-11-22 13:52
閱讀 924·2019-08-30 15:44
閱讀 570·2019-08-30 15:43
閱讀 2424·2019-08-30 12:52
閱讀 3473·2019-08-29 16:16
閱讀 637·2019-08-29 13:05
閱讀 2943·2019-08-26 18:36
閱讀 1975·2019-08-26 13:46
