資訊專(zhuān)欄INFORMATION COLUMN
摘要：前幾天有個(gè)需求，要在頁(yè)面中添加背景音樂(lè)，本以為很卻也踩了一些坑，廢話不多說(shuō)，進(jìn)入正題擼完代碼測(cè)試的時(shí)候才發(fā)現(xiàn)在安卓手機(jī)上背景音樂(lè)可以正常播放，但在里的微信和中不能播放查了很多資料，原來(lái)是微信的鍋，微信的是建立在微信內(nèi)置瀏覽器的私有對(duì)象上，在
前幾天有個(gè)需求，要在H5頁(yè)面中添加背景音樂(lè)，本以為很easy,卻也踩了一些坑，廢話不多說(shuō)，進(jìn)入正題：
擼完代碼測(cè)試的時(shí)候才發(fā)現(xiàn)在安卓手機(jī)上背景音樂(lè)可以正常播放，但在iphone里的微信和safari中不能播放！
查了很多資料，原來(lái)是微信的鍋，微信的js api是建立在微信內(nèi)置瀏覽器的私有對(duì)象WeixinJSBridge上，在微信中打開(kāi)頁(yè)面的話會(huì)初始化這個(gè)對(duì)象，當(dāng)這個(gè)對(duì)象準(zhǔn)備好的時(shí)候，會(huì)拋出WeixinJSBridgeReady這個(gè)事件，我們?cè)谶@個(gè)事件的回調(diào)中可以播放音樂(lè)，直接上代碼：
*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://m.hztianpu.com/yun/92154.html
摘要：如果我們想要在一個(gè)頁(yè)面自動(dòng)播放背景音樂(lè)或是其他音頻，比如是沒(méi)辦法調(diào)用事件直接調(diào)用，非得添加手動(dòng)點(diǎn)擊事件才可以。接下來(lái)就說(shuō)說(shuō)我在項(xiàng)目里遇到的困難和解決辦法情況我們知道安卓是可以直接調(diào)用音頻的事件的，不行。 如果我們想要在一個(gè)頁(yè)面自動(dòng)播放背景音樂(lè)或是其他音頻，比如ios是沒(méi)辦法調(diào)用audio.play()事件直接調(diào)用，非得添加手動(dòng)點(diǎn)擊事件才可以。接下來(lái)就說(shuō)說(shuō)我在項(xiàng)目里遇到的困難和解決辦法....
摘要：背景介紹在一個(gè)頁(yè)面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開(kāi)始自動(dòng)播放背景音樂(lè)出現(xiàn)的問(wèn)題在安卓手機(jī)上正常中沒(méi)有反應(yīng)后來(lái)網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂(lè)除非用戶做出了交互行為解決方案如果是在頁(yè)面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁(yè)面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開(kāi)始自動(dòng)播放背景音樂(lè) 出現(xiàn)的問(wèn)題:在安卓手機(jī)上正常,iOS中沒(méi)有反...
摘要：背景介紹在一個(gè)頁(yè)面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開(kāi)始自動(dòng)播放背景音樂(lè)出現(xiàn)的問(wèn)題在安卓手機(jī)上正常中沒(méi)有反應(yīng)后來(lái)網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂(lè)除非用戶做出了交互行為解決方案如果是在頁(yè)面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁(yè)面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開(kāi)始自動(dòng)播放背景音樂(lè) 出現(xiàn)的問(wèn)題:在安卓手機(jī)上正常,iOS中沒(méi)有反...
閱讀 1171·2021-11-22 13:52
閱讀 1030·2019-08-30 15:44
閱讀 642·2019-08-30 15:43
閱讀 2505·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
