關於vue2音頻不能播放問題的解決 及微信端ios蘋果自動播放


我寫了h5的錄音和播放    在瀏覽器中是好的   但是在微信中ios不能播放   通過多方的查找   最后在黃軼老師 的vue音樂播放器中找到相似的問題   在黃軼老師 的     github(https://github.com/DDFE/DDFE-blog/issues/24)上找到了原因   

然后通過      降級vue 版本和vue-template-complier 的版本(把^符號取消掉,在npm install)  然后就能在微信中播放   具體原因在黃軼老師的github上已經寫得很清楚了  就不再多說

 

如果是在微信瀏覽器里面(主要是為了谷歌瀏覽器的手機模式)   如果是ios系統就調用一次播放    然后再點擊播放按鈕的時候  就和安卓端一致了

 

var u = navigator.userAgent;
var ua = navigator.userAgent.toLowerCase();
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(ua.match(/MicroMessenger/i) == "micromessenger"){
  if(isiOS){
    music.play();
 
    music.pause();
  }else{
  }
}
然后在監聽當前音頻的緩沖  提示用戶(以免文件大或網絡條件導致點擊后半天沒的響應或播放一半播放不了的情況)
music.addEventListener('progress', () => {
  var Toast1 = Toast.loading({
    mask:false,
    message:'音頻正在緩沖',
    duration:1000
  });
})
 


免責聲明!

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



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