我寫了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
});
})
