在實(shí)現(xiàn)我的客服系統(tǒng)中,實(shí)時(shí)語(yǔ)音通話功能的時(shí)候,如果想自動(dòng)播放音視頻流,在蘋果設(shè)備上遇到了問題。
蘋果瀏覽器(Safari)在默認(rèn)情況下不允許聲音在背景里自動(dòng)播放。這是出于用戶體驗(yàn)和隱私方面的考慮,避免在用戶沒有意識(shí)到的情況下自動(dòng)播放聲音。
解決辦法是
iOS 11 及以上版本的 Safari 瀏覽器。當(dāng)用戶已經(jīng)有過至少一次交互以后,可以設(shè)置下面兩個(gè)屬性,muted
和 playsinline
屬性。然后動(dòng)態(tài)js設(shè)置一下,就能自動(dòng)播放聲音了
<audio id="myAudio" src="audio.mp3" muted playsinline></audio>
然后在js里動(dòng)態(tài)設(shè)置一下屬性
var myAudio = document.getElementById('myAudio');
myAudio.muted = false; // 將 muted 屬性設(shè)置為 false
myAudio.autoplay = true; // 將 autoplay 屬性設(shè)置為 true
myAudio.play(); // 播放音頻
這樣文章來源:http://www.zghlxwxcb.cn/news/detail-518580.html
在頁(yè)面至少有過交互以后,可以讓蘋果設(shè)備上自動(dòng)播放聲音了文章來源地址http://www.zghlxwxcb.cn/news/detail-518580.html
到了這里,關(guān)于解決蘋果Safari 瀏覽器下html不能自動(dòng)播放聲音和視頻的問題-實(shí)時(shí)語(yǔ)音通話功能【唯一客服】...的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!