微信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里讓音樂播放就可以達到自動播放的要求,遺憾的是這個方法只能讓音樂自動播放,視頻還是需要觸發才能自動播放...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM