如果你問(wèn)一個(gè)前端技術(shù)人員，近幾年最火的前端框架技術(shù)是什么，肯定會(huì)有人說(shuō)VUE，確實(shí)VUE憑借其簡(jiǎn)單特性贏得了大家的喜愛(ài)，而近期公司有個(gè)項(xiàng)目，需要在VUE框架網(wǎng)頁(yè)上播放RTSP實(shí)時(shí)視頻，小編做了詳細(xì)的市場(chǎng)分析，目前有以下幾種解決方案！

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.yuanmaster.com

1. 猿大師與大華官方網(wǎng)頁(yè)延遲對(duì)比：

1. 猿大師VLC播放程序與?？低暪俜骄W(wǎng)頁(yè)延遲對(duì)比：