一、背景

隨著互聯(lián)網(wǎng)基礎(chǔ)設(shè)施的完善以及4G、5G等技術(shù)的大規(guī)模商用，在Chrome、Firefox、Edge等瀏覽器播放RTSP視頻流也慢慢成為了信息化系統(tǒng)的行業(yè)標(biāo)準(zhǔn)。

早些年還可用VLC播放器在網(wǎng)頁(yè)中播放RTSP視頻流，好景不長(zhǎng)，2015年Chrome、Firefox等瀏覽器取消了對(duì) NPAPI插件的支持，導(dǎo)致在高版本的Chrome等網(wǎng)頁(yè)中播放?？低暋⒋笕A等攝像頭RTSP視頻流也成了奢望。

二、方案

近期正好有一個(gè)智慧城市項(xiàng)目需要實(shí)現(xiàn)低延遲、多通路在Chrome等高版本瀏覽器中播放攝像頭RTSP視頻流，小編對(duì)目前市場(chǎng)做了詳細(xì)的分析，目前有以下幾種解決方案！

1.先轉(zhuǎn)碼再轉(zhuǎn)流方案

原理是先在服務(wù)器端把RTSP轉(zhuǎn)碼成可播放的視頻流，再提供給客戶端播放器播放。此方案雖號(hào)稱是無(wú)插件方案，但是需要服務(wù)器支持，兩次轉(zhuǎn)碼導(dǎo)致延遲較高，一般高達(dá)數(shù)秒甚至數(shù)分鐘。此方案首屏畫(huà)面顯示很慢。因?yàn)樾枰?wù)器不斷轉(zhuǎn)碼轉(zhuǎn)流，對(duì)CPU和內(nèi)存消耗較大，帶寬占用高，長(zhǎng)期綜合使用成本也很高。如果多路播放或者看高分辨率或 H.265視頻，很可能就會(huì)出現(xiàn)卡頓、花屏等情況。

綜合來(lái)看，此方案攝像頭較少或者對(duì)延遲、畫(huà)面要求較低的需求，商用難堪重任。

2.先轉(zhuǎn)流再轉(zhuǎn)碼方案

原理與方案一不同點(diǎn)是把在服務(wù)器上轉(zhuǎn)碼的過(guò)程轉(zhuǎn)移到終端電腦上，目前在高版本瀏覽器（除IE外）中，已經(jīng)支持 WASM技術(shù)，可以使用此技術(shù)在終端電腦上把RTSP視頻流轉(zhuǎn)碼后播放。此方案同樣需要服務(wù)器的支持，由于在終端電腦轉(zhuǎn)碼，終端電腦配置好壞決定了播放質(zhì)量，并且由于WASM只能軟解碼，無(wú)法利用終端電腦的加速能力，且不支持多線程，多路播放或者H.265格式視頻，也容易出現(xiàn)卡頓、花屏等情況，大量占用電腦CPU和內(nèi)存，電腦無(wú)法再做其他事情，體驗(yàn)非常不好。

綜合來(lái)看，此方案也盡量慎用。

3.低版本瀏覽器方案：

2015年之前Chrome等瀏覽器還未取消對(duì) NPAPI插件支持的時(shí)候方案，繼續(xù)使用低版本Chrome、Firefox等瀏覽器，通過(guò)VLC原生播放器直接播放，也不需要服務(wù)器支持，延遲非常低，終端也可以使用硬件的加速能力，多路播放也毫無(wú)壓力。

缺點(diǎn)也非常明顯：無(wú)法使用最新的瀏覽器和操作系統(tǒng)，不適合商用。如果能解決高版本的Chrome、Firefox、Edge等瀏覽器使用，此方案無(wú)疑是最佳選擇！

4.最終升級(jí)方案

猿大師的VLC播放程序是基于猿大師中間件提供的內(nèi)嵌網(wǎng)頁(yè)播放的專利技術(shù)，底層調(diào)用VLC客戶端的ActiveX控件可實(shí)現(xiàn)在Chrome等高版本瀏覽器中內(nèi)嵌播放?？低暋⒋笕A等攝像頭的RTSP視頻流。由于實(shí)際調(diào)用的是VLC本地原生播放控件，因此可充分利用本機(jī)硬件加速能力實(shí)現(xiàn)高效硬解碼播放多路或高清視頻(H.265)，低延遲至300毫秒，支持回訪、抓圖、錄像，最多可支持25路同時(shí)播放，最低可用在Chrome 41、Firefox 50、Edge 80(Chromium內(nèi)核)、360極速/安全、IE、Oprea 36、QQ等瀏覽器，也兼容運(yùn)行于這些瀏覽器的最新版本。

猿大師官網(wǎng)：http://www.

猿大師與VLC原生播放器延遲對(duì)比：https://www.bilibili.com/video/BV1Sr4y117v8/

猿大師與大華官方網(wǎng)頁(yè)延遲對(duì)比：https://www.bilibili.com/video/BV1ff4y1j7qg/

猿大師與?？低暪俜骄W(wǎng)頁(yè)延遲對(duì)比：https://www.bilibili.com/video/BV1mr4y127oX

三、總結(jié)

一個(gè)好的技術(shù)實(shí)施方案，首先是要滿足客戶的剛性需求，其次是盡量降低采購(gòu)、開(kāi)發(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的低成本半開(kāi)源技術(shù)方案，無(wú)疑是當(dāng)前安防行業(yè)在網(wǎng)頁(yè)端播放RTSP流的最佳選擇。