EasyPlayer幾乎涵蓋了開發者所需的全部平台,尤其是在web端的EasyPlayer.js時遇到的播放器接入的問題,比如:不懂前端的js代碼、沒有公網服務器放置這些js腳本和網頁、微信對接入IP播放地址有限制等。EasyPlayer.js,極大地方便了開發者在解決B/S型業務開發,集 rtmp,hls,flv,websocket 於一身的網頁直播/點播播放器。
引用videojs無法自動播放問題
很多的流媒體視頻H5網頁播放使用的是videojs來進行的播放,而videojs本身自帶的自動播放屬性是需要通過添加autoplay()方法來完成視頻播放的自動加載:
player = videojs("video", {
autoplay: true,
});
在制作四分屏的時出現給videojs添加autoplay()后,在一些瀏覽器上並不能完成自動播放,videojs加載完成后視頻播放呈現出暫停樣式:
但是這個問題在其他瀏覽器卻不存在,在其他瀏覽器上是能夠進行自動加載播放的。
為了解決這樣的不兼容的問題,我們根據videojs最新的問題修復版本,設置一下更新后的swf版本:
videojs.options.flash.swf = 'video-js-fixed.swf';
設置flash swf路徑后,Video.js會在不支持html5的瀏覽中使用flash播放視頻文件;
配合autoplay()就可以完成自動加載了播放;
實際上,采用video.js播放或者采用ckplayer、cyberplayer等播放器,在安防、流媒體、音視頻領域,總會有一些局限,舉個簡單的例子,我們為了產品全平台、全終端的兼容,需要H5播放能同時支持RTMP、HTTP、HLS、HTTP-FLV、websocket等多種協議,同時,在安防等工業場景,重連還是必須的,例如RTMP重連、HTTP-FLV直播的重連、HLS(m3u8)直播的重連,這就不得不讓我們基於videojs、flv.js、flash等做整合,於是有了EasyPlayer.js。