常見原因
浏覽器為了防止網頁在使用者非自願的情況下主動播放聲音,對網頁上的自動播放(Autoplay)功能做了限制:浏覽器在沒有使用者互動操作之前不允許有聲音的媒體播放。
受浏覽器政策影響,Chrome 70+、Safari、Firefox 等浏覽器新版本都不支援帶聲音的媒體檔案自動播放,需要您在網頁上手動觸發才能播放媒體檔案。
解決方法
您可以使用如下兩種方法,解決浏覽器不能播放媒體檔案的問題。
- 在 onError 中擷取到錯誤碼 10201 時,會同時傳回播放失敗的
,此時該使用者的音頻播放是靜音的,在網頁上手動觸發事件(有使用者互動)調用userId
取消靜音。aliWebrtc.muteAllRemoteAudioPlaying(false)
- 如果僅有幾個人使用浏覽器進行播放媒體檔案,例如視訊直播網站的管理者,建議您可以進行浏覽器設定來播放媒體檔案。
說明 每次打開浏覽器都需要引導使用者進行單擊操作,而通過浏覽器設定可以一次性解決這個域名下所有頁面自動播放的問題,您可以參考下文進行浏覽器設定(浏覽器版本不同,設定方法可能不同,本文的浏覽器設定方法僅供參考,具體操作請您以實際為準)。
Chrome 浏覽器
您需要通路 Chrome 浏覽器的網站設定,然後将聲音項改為允許。
- 單擊浏覽器的網站設定。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦? - 将聲音更改為允許。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦?
Safari 浏覽器
在 Safari 浏覽器的設定中,将自動播放選項改為允許全部自動播放。
- 在網址欄單擊此網站的設定...。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦? - 将自動播放更改為允許全部自動播放。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦?
Firefox 浏覽器
您可以在保護設定中,将自動播放修改成允許音頻和視訊。
- 在位址欄單擊保護設定。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦? - 單擊自動播放的設定。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦? - 更改為允許音頻和視訊。
産品百科 |H5 純訂閱模式下遇到浏覽器頁面不能自動播放媒體檔案怎麼辦?
「視訊雲技術」你最值得關注的音視訊技術公衆号,每周推送來自阿裡雲一線的實踐技術文章,在這裡與音視訊領域一流工程師交流切磋。