資訊專欄INFORMATION COLUMN
摘要：前幾天有個(gè)需求，要在頁面中添加背景音樂，本以為很卻也踩了一些坑，廢話不多說，進(jìn)入正題擼完代碼測試的時(shí)候才發(fā)現(xiàn)在安卓手機(jī)上背景音樂可以正常播放，但在里的微信和中不能播放查了很多資料，原來是微信的鍋，微信的是建立在微信內(nèi)置瀏覽器的私有對(duì)象上，在
前幾天有個(gè)需求，要在H5頁面中添加背景音樂，本以為很easy,卻也踩了一些坑，廢話不多說，進(jìn)入正題：
擼完代碼測試的時(shí)候才發(fā)現(xiàn)在安卓手機(jī)上背景音樂可以正常播放，但在iphone里的微信和safari中不能播放！
查了很多資料，原來是微信的鍋，微信的js api是建立在微信內(nèi)置瀏覽器的私有對(duì)象WeixinJSBridge上，在微信中打開頁面的話會(huì)初始化這個(gè)對(duì)象，當(dāng)這個(gè)對(duì)象準(zhǔn)備好的時(shí)候，會(huì)拋出WeixinJSBridgeReady這個(gè)事件，我們?cè)谶@個(gè)事件的回調(diào)中可以播放音樂，直接上代碼：
*html*
*js*
var bgAudio = document.getElementById("bg-audio");
bgAudio.load();
bgAudio.play();
// 兼容在微信里自動(dòng)播放
document.addEventListener("WeixinJSBridgeReady", function () {
bgAudio.load();
bgAudio.play();
}, false);
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/92154.html
摘要：如果我們想要在一個(gè)頁面自動(dòng)播放背景音樂或是其他音頻，比如是沒辦法調(diào)用事件直接調(diào)用，非得添加手動(dòng)點(diǎn)擊事件才可以。接下來就說說我在項(xiàng)目里遇到的困難和解決辦法情況我們知道安卓是可以直接調(diào)用音頻的事件的，不行。 如果我們想要在一個(gè)頁面自動(dòng)播放背景音樂或是其他音頻，比如ios是沒辦法調(diào)用audio.play()事件直接調(diào)用，非得添加手動(dòng)點(diǎn)擊事件才可以。接下來就說說我在項(xiàng)目里遇到的困難和解決辦法....
摘要：背景介紹在一個(gè)頁面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開始自動(dòng)播放背景音樂出現(xiàn)的問題在安卓手機(jī)上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開始自動(dòng)播放背景音樂 出現(xiàn)的問題:在安卓手機(jī)上正常,iOS中沒有反...
摘要：背景介紹在一個(gè)頁面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開始自動(dòng)播放背景音樂出現(xiàn)的問題在安卓手機(jī)上正常中沒有反應(yīng)后來網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂除非用戶做出了交互行為解決方案如果是在頁面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開始自動(dòng)播放背景音樂 出現(xiàn)的問題:在安卓手機(jī)上正常,iOS中沒有反...
閱讀 1171·2021-11-22 13:52
閱讀 1029·2019-08-30 15:44
閱讀 642·2019-08-30 15:43
閱讀 2504·2019-08-30 12:52
閱讀 3555·2019-08-29 16:16
閱讀 726·2019-08-29 13:05
閱讀 3015·2019-08-26 18:36
閱讀 2108·2019-08-26 13:46
