H5 視頻監(jiān)控解決方案

在公司的三維可視化可產(chǎn)品中,其中的一項功能就是需要能夠?qū)右曨l播放; 安排了一個小G給我解決方案。
小G領(lǐng)著任務(wù)高高興興的走了。
第二天,他告訴我們說,有了解決方案。

H5 video標(biāo)簽

瀏覽器中已經(jīng)有默認(rèn)的<video>標(biāo)簽可以支持播放一些常用的格式;比如mp4。但是,HTML5 Video開放式標(biāo)簽根據(jù)瀏覽器的不同而播放不同格式。兼容性不算很好,支持一些基本的視頻格式。
當(dāng)然還有更好的選擇,小G笑著說,就好像要給我展示一個秘密武器一般:

jwplayer 播放器

相比video標(biāo)簽,jwplayer 播放器功能很強(qiáng),支持的流媒體格式很多,也不需要按照插件。

結(jié)果當(dāng)然是:我說的這種方案不行。
因為我們要對接的是攝像頭的實時視頻,這種視頻的格式是RTSP視頻流,顯然video標(biāo)簽和 jwplayer 播放器并不支持;不過作為一些demo演示,播放一些mp4、flv等文件,倒是可以使用。

小G默默走開了。

隔天他找到了我,說有了解決方案。

vxgplayer

vxgplayer 可以在chrome下面使用,支持的流媒體格式很多,而且支持RTMP、RTSP等;
不過問題是需要安裝一個chrome插件,安裝插件本不是啥難事情,不過難點是要翻墻才能按照;不過這是目前能夠找到的在chrome下播放實時視頻最輕便的解決方案了,所以得想辦法翻墻了。

vlc player

上面的vxgplayer只支持chrome瀏覽器,如果客戶使用ie或者firefox的話,可以使用vlc player,vlc player 同樣需要安裝插件,需要電腦上安裝vlc player的本地客戶端,然后通過<Object></Object> 標(biāo)簽來引入播放器。

最后上一張TWaver 3D機(jī)房視頻播放的效果圖:

TWaver 3D機(jī)房視頻播放
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容