1. 程式人生 > >微信h5,背景音樂自動播放

微信h5,背景音樂自動播放

移動端預設是禁止背景音樂自動播放的,很多需求都需要在頁面載入完成的情況下同時出現背景音樂。

既然是微信h5,那麼wx.config肯定不陌生,廢話不多,直接上程式碼:

html:  <audio src="../audio/one.mp3" id="audioPlay"></audio>js:  wx.config({
     debug: false, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來
     appId: data.configMap.appId, // 必填,公眾號的唯一標識
     timestamp: data.configMap.timestamp, //
必填,生成簽名的時間戳   nonceStr: data.configMap.nonceStr, // 必填,生成簽名的隨機串    signature: data.configMap.signature,// 必填,簽名,見附錄1  jsApiList: [ "onMenuShareTimeline",//分享朋友圈介面 "onMenuShareAppMessage"//分享給朋友介面  ] // 必填,需要使用的JS介面列表,所有JS介面列表見附錄2   });  wx.ready(function(){    var audio = document.getElementById("audioPlay");    audio.play()  })

wx.config配置成功之後執行wx.ready,在ready裡讓音樂播放就可以達到自動播放的要求,遺憾的是這個方法只能讓音樂自動播放,視訊還是需要觸發才能自動播放...