測試過EasyPlayer播放器的朋友都知道,EasyPlayer在做播放器項目集成的時候十分便捷,因為EasyPlayer不僅針對不同的協議衍生出了多個版本,EasyPlayer.js、EasyPlayerPro等,並且每個版本都帶有二次開發接口,用戶的自主調用簡單易上手。
有的項目中使用EasyPlayer.js首次加載時會出現錯誤信息:Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first,並且播放器無法正常播放視頻流。
這個錯誤與谷歌瀏覽器機制有關,谷歌阻止播放器的自動播放,如果頁面首次加載中視頻帶聲音並且設置了自動播放,谷歌則會阻止播放器播放並拋出一個錯誤異常。
如果出現錯誤在播放器中加入點擊播放按鈕
在播放器標簽上加入muted禁止音頻,則可以避免這個報錯的出現。
<easy-player id="player" muted show-custom-button="true"></easy-player>
拓展
在EasyPlayer系列播放器中,EasyPlayer.js和EasyPlayerPro是集成較為普遍的播放器,EasyPlayerPro雖然支持了幾乎所有的流媒體協議,但是在很多場景和需求下面(例如:SDK包大小,自定義協議,數據加密),EasyPlayerPro的定制成本比較高,靈活程度沒有EasyPlayer-RTSP和EasyPlayer-RTMP專用播放器的靈活程度高,EasyPlayerPro考慮的是通用性,而專用播放器考慮的是定制性。因此如果還想了解TSINGSEE青犀視頻開發的其他專用播放器,歡迎聯系我們,目前EasyPlayer系列已經支持H265編碼的視頻播放,同時支持集成,歡迎了解。