背景

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

早些年還可用VLC播放器在網(wǎng)頁中播放RTSP視頻流，好景不長，2015年Chrome、Firefox等瀏覽器取消了對 NPAPI插件的支持，導(dǎo)致在高版本的Chrome等網(wǎng)頁中播放海康威視、大華等攝像頭RTSP視頻流也成了奢望。

方案

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

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

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

綜合來看，此方案攝像頭較少或者對延遲、畫面要求較低的需求，商用難堪重任。

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

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

綜合來看，此方案也盡量慎用。

3.低版本瀏覽器方案：

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

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

4.最終升級方案

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

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

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

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