一、歷史背景

在遍地都是攝像頭的今天，往往需要在各種B/S信息化系統(tǒng)中集成視頻播放功能，?？怠⒋笕A、華為等大廠攝像頭遵循監(jiān)控行業(yè)標(biāo)準(zhǔn)，一般只支持RTSP傳輸協(xié)議，而Chrome、Firefox、Edge等現(xiàn)代瀏覽器的主流版本并不支持RTSP流的直接原生播放！

二、現(xiàn)有方案

在未來也沒有計(jì)劃支持的情況下，想要在網(wǎng)頁(yè)中實(shí)現(xiàn)播放RTSP流，目前常用可選方案有以下3種：

1、先在服務(wù)器端把RTSP流轉(zhuǎn)碼到瀏覽器可直接播放的視頻流后再提供給終端瀏覽器播放，這也是號(hào)稱無插件播放的方法，雖然這種方案對(duì)操作系統(tǒng)和瀏覽器兼容性好，但延遲往往很高，時(shí)常達(dá)到數(shù)秒之久，尤其是首屏畫面顯示很慢，體驗(yàn)糟糕。實(shí)際使用時(shí)，由于需要在服務(wù)器端搭建一個(gè)始終高負(fù)荷運(yùn)轉(zhuǎn)的視頻轉(zhuǎn)碼轉(zhuǎn)流服務(wù)，CPU和內(nèi)存消耗大，帶寬占用大，長(zhǎng)期使用成本很高，如果攝像頭路數(shù)比較多或在線播放視頻的終端比較多，服務(wù)器的壓力就會(huì)很大。終端想要看到多路、高分辨率或H.265視頻時(shí)，此方案實(shí)際使用過程中常出現(xiàn)播放卡頓、花屏，缺陷就越發(fā)明顯。尤其是在在一些非常關(guān)鍵的應(yīng)用場(chǎng)合，如果不能通過監(jiān)控視頻早一點(diǎn)發(fā)現(xiàn)險(xiǎn)情并及時(shí)排除，可能就無法規(guī)避不可承受的風(fēng)險(xiǎn)，失去了上視頻監(jiān)控的重要意義。

2、與第1種方案不同，此方案把服務(wù)器端轉(zhuǎn)碼過程轉(zhuǎn)移到前端來進(jìn)行，壓力也就轉(zhuǎn)移到了終端電腦之上。因?yàn)樵诂F(xiàn)代高版本瀏覽器中，都已經(jīng)支持WASM技術(shù)(IE除外)，所以紛紛采用此技術(shù)在前端實(shí)現(xiàn)將RTSP流轉(zhuǎn)碼后播放。由于終端電腦的硬件參差不齊，在一些中低配電腦上，就很難獲得比較好的播放效果。最主要的問題還是受限于WASM的缺陷，只能軟解碼，無法利用終端電腦的硬件加速能力，而且不支持多線程，這就導(dǎo)致播放多路RTSP流時(shí)就非常吃力了，在面對(duì)高分辨率和H.265的視頻流時(shí)，同樣效果不好，而且大量占用終端電腦的CPU和內(nèi)存，無法再做其它事情，所以基本無法滿足甲方客戶的硬性要求。

3、沿用原有插件技術(shù)方案，在2015年前Chrome等瀏覽器還可以用NPAPI插件技術(shù)的時(shí)候，前2種方案遇到的問題都不是問題，通過本地原生播放器控件直接播放，服務(wù)器也沒多少壓力，終端也可以充分利用本機(jī)硬件加速能力，多路播放時(shí)利用多線程技術(shù)，可以實(shí)現(xiàn)比較好的播放效果。缺點(diǎn)就是需要安裝插件，操作系統(tǒng)的兼容性上差一些。此方案如果能解決高版本的Chrome等瀏覽器兼容使用，無疑這是當(dāng)下能夠?qū)崿F(xiàn)低延遲多路穩(wěn)定播放的最佳技術(shù)方案，滿足甲方客戶硬性播放指標(biāo)也無壓力。

二、最終方案

猿大師中間件VLC網(wǎng)頁(yè)播放小程序應(yīng)需而生，基于跨瀏覽器的原生小程序系統(tǒng)-猿大師中間件（http://www.yuanmaster.com）開發(fā)，通過借助猿大師中間件提供的內(nèi)嵌網(wǎng)頁(yè)播放的獨(dú)家專利技術(shù)，在Chrome等現(xiàn)代瀏覽器高版本中完全模擬實(shí)現(xiàn)了ActiveX控件和NPAPI插件的播放效果，底層調(diào)用VLC(是一款自由、開源的跨平臺(tái)多媒體播放器及框架，可播放大多數(shù)多媒體文件，以及 DVD、音頻 CD、VCD 及各類流媒體協(xié)議)桌面客戶端的ActiveX控件實(shí)現(xiàn)在網(wǎng)頁(yè)中低延遲直接播放?？怠⒋笕A、華為等攝像頭的標(biāo)準(zhǔn)RTSP流，由于實(shí)際調(diào)用的是VLC本地原生播放控件，因此可充分利用本機(jī)硬件加速能力實(shí)現(xiàn)高效硬解碼播放多路或高清視頻(H.265)，最多可支持25路同時(shí)播放，最低可用在Chrome 41、Firefox 50、Edge 80(Chromium內(nèi)核)、360極速/安全、IE、Oprea 36、QQ等瀏覽器，也兼容運(yùn)行于這些瀏覽器的最新版本。

猿大師中間件試用版免費(fèi)體驗(yàn)網(wǎng)址：http://www.yuanmaster.com/xiazai/

猿大師中間件視頻演示網(wǎng)址：https://www.bilibili.com/video/BV1u64y1h75J/

采用猿大師中間件VLC網(wǎng)頁(yè)播放小程序具有如下優(yōu)點(diǎn)：

1、在支持主流版本瀏覽器的前提下，是當(dāng)前市場(chǎng)中可實(shí)現(xiàn)低延遲(300毫秒)的獨(dú)家播放方案；

2、支持多路同時(shí)播放、動(dòng)態(tài)切換播放源、支持回放和抓圖，尤其是高分辨率視頻或大屏播放體驗(yàn)好；

3、底層播放技術(shù)采用VLC的開放源代碼方案，播放器后續(xù)服務(wù)有保障，播放格式兼容好，同時(shí)支持H.264和H.265無壓力；

4、VLC網(wǎng)頁(yè)播放小程序額外付費(fèi)后可獲得其源代碼進(jìn)行定制開發(fā)，自主可控；

5、支持?？?、大華、華為等各廠家的攝像頭，只要能提供標(biāo)準(zhǔn)的RTSP流，都可以播放；

6、移動(dòng)端可直接采用VLC開放源代碼的APP來使用，無需單獨(dú)開發(fā)，投入少見效快；

7、此技術(shù)方案可實(shí)現(xiàn)在原有技術(shù)體系下的平滑升級(jí)，降低了方案大改造帶來的技術(shù)路線和延期交付風(fēng)險(xiǎn)，可節(jié)省大量研發(fā)成本。

終端電腦采用VLC網(wǎng)頁(yè)播放方案時(shí)需要部署猿大師中間件，搭配VLC網(wǎng)頁(yè)播放小程序，還需安裝VLC桌面客戶端，為簡(jiǎn)化部署過程，可將VLC綠色版程序包解壓后放入中間件的VLC小程序目錄后，再將這些程序文件統(tǒng)一做一MSI或EXE安裝包放到B/S服務(wù)器上提示用戶下載安裝或?qū)嵤┕こ處熃y(tǒng)一部署。一般來說，需要看視頻監(jiān)控的地方基本上集中于監(jiān)控室，電腦數(shù)量有限，部署時(shí)安裝一些軟件來并不是件難事。之后借助猿大師中間件的在線升級(jí)機(jī)制，可徹底解決傳統(tǒng)客戶端軟件升級(jí)維護(hù)的難題，一箭雙雕。

一個(gè)好的技術(shù)實(shí)施方案，首先是要滿足客戶的剛性需求，其次是盡量降低采購(gòu)、開發(fā)、實(shí)施及維護(hù)的總成本，再次是需要有良好的兼容性和穩(wěn)定性，最后需盡量確保技術(shù)方案不能因?yàn)闉g覽器的升級(jí)而失效，能夠?qū)崿F(xiàn)公司自主可控的要求就更好了。VLC網(wǎng)頁(yè)播放小程序提供了這樣一個(gè)穩(wěn)定可靠、兼容性好、低延遲又可同時(shí)穩(wěn)定播放多路RTSP的低成本半開源技術(shù)方案，無疑是當(dāng)前安防行業(yè)在網(wǎng)頁(yè)端播放RTSP流的最佳選擇。