資訊專欄INFORMATION COLUMN
摘要：針對近期做的宣傳頁，頁面中含有元素，且是自動播放，頁面寫起來挺順利，但是在測試的時候，發(fā)現(xiàn)在蘋果系統(tǒng)下，不能自動播放，究其原因，是蘋果系統(tǒng)默認音頻文件在不發(fā)生任何事件的情況下不能自動播放。
針對近期做的h5宣傳頁，頁面中含有audio元素，且是自動播放，頁面寫起來挺順利，但是在測試的時候，發(fā)現(xiàn)在蘋果系統(tǒng)下，audio不能自動播放，究其原因，是蘋果系統(tǒng)默認音頻文件在不發(fā)生任何事件的情況下不能自動播放。
針對這個問題，度娘一番，終于解決這個問題，現(xiàn)在把解決方案分享給大家。
有兩種解決方法：
第一種：利用微信提供的接口：wx.config 和 wx.ready
先引入js文件
在頁面添加以下代碼
wx.config({
debug : false, // 這里為false
appId : "", // 以下隨意填寫即可
timestamp : (new Date()).getTime(),
nonceStr : "",
signature : "",
jsApiList : ["checkJsApi"]
});
wx.ready(function() {
audio.play();
});
第二種方法：WeixinJSBridgeReady，對就這個東東可以搞定這個問題
代碼如下：
var audo = document.getElementById("myAudio");
audo.play();
document.addEventListener("WeixinJSBridgeReady", function() {
audo.play();
}, false);
不過對第二種方法，建議不要輕易使用。
本文屬于原創(chuàng)，如果用問題，大家共同交流，共同進步。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/82998.html
摘要：尤其是喬布斯在年發(fā)布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續(xù)航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。 今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發(fā)展歷史。 1.前...
摘要：尤其是喬布斯在年發(fā)布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續(xù)航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。 今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發(fā)展歷史。 1.前...
摘要：尤其是喬布斯在年發(fā)布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續(xù)航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。 今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發(fā)展歷史。 1.前...
閱讀 1968·2021-09-07 09:59
閱讀 2529·2019-08-29 16:33
閱讀 3709·2019-08-29 16:18
閱讀 2860·2019-08-29 15:30
閱讀 1689·2019-08-29 13:52
閱讀 2054·2019-08-26 18:36
閱讀 547·2019-08-26 12:19
閱讀 712·2019-08-23 15:23
