RTMP, HLS, FLV網頁直播/點播播放器EasyPlayer.js引用videojs沒法自動播放問題解決

EasyPlayer幾乎涵蓋了開發者所需的所有平臺,尤爲是在web端的EasyPlayer.js時遇到的播放器接入的問題,好比:不懂前端的js代碼、沒有公網服務器放置這些js腳本和網頁、微信對接入IP播放地址有限制等。EasyPlayer.js,極大地方便了開發者在解決B/S型業務開發,集 rtmp,hls,flv,websocket 於一身的網頁直播/點播播放器。html

引用videojs沒法自動播放問題

不少的流媒體視頻H5網頁播放使用的是videojs來進行的播放,而videojs自己自帶的自動播放屬性是須要經過添加autoplay()方法來完成視頻播放的自動加載:前端

player = videojs("video", {
     autoplay: true,
});

在製做四分屏的時出現給videojs添加autoplay()後,在一些瀏覽器上並不能完成自動播放,videojs加載完成後視頻播放呈現出暫停樣式:html5

36.jpg

可是這個問題在其餘瀏覽器卻不存在,在其餘瀏覽器上是可以進行自動加載播放的。web

爲了解決這樣的不兼容的問題,咱們根據videojs最新的問題修復版本,設置一下更新後的swf版本:瀏覽器

videojs.options.flash.swf = 'video-js-fixed.swf';
設置flash swf路徑後,Video.js會在不支持html5的瀏覽中使用flash播放視頻文件;服務器

配合autoplay()就能夠完成自動加載了播放;微信

37.jpg

實際上,採用video.js播放或者採用ckplayer、cyberplayer等播放器,在安防、流媒體、音視頻領域,總會有一些侷限,舉個簡單的例子,咱們爲了產品全平臺、全終端的兼容,須要H5播放能同時支持RTMP、HTTP、HLS、HTTP-FLV、websocket等多種協議,同時,在安防等工業場景,重連仍是必須的,例如RTMP重連、HTTP-FLV直播的重連、HLS(m3u8)直播的重連,這就不得不讓咱們基於videojs、flv.js、flash等作整合,因而有了EasyPlayer.js。websocket

JS.png

相關文章
相關標籤/搜索