在VUE中播放RTSP視頻流?如果你問一個前端技術人員，近幾年最火的前端框架技術是什么，肯定會有人說VUE，確實VUE憑借其簡單特性贏得了大家的喜愛，而近期公司有個項目，需要在VUE框架網頁上播放RTSP實時視頻，小編做了詳細的市場分析，目前有以下幾種解決方案！
1.先轉碼再轉流方案
原理是先在服務器端把RTSP轉碼成可播放的視頻流，再提供給客戶端播放器播放。此方案雖號稱是無插件方案，但是需要服務器支持，兩次轉碼導致延遲較高，一般高達數秒甚至數分鍾。此方案首屏畫面顯示很慢。因為需要服務器不斷轉碼轉流，對CPU和內存消耗較大，帶寬占用高，長期綜合使用成本也很高。如果多路播放或者看高分辨率或 H.265視頻，很可能就會出現卡頓、花屏等情況。綜合來看，此方案攝像頭較少或者對延遲、畫面要求較低的需求，商用難堪重任。
2.先轉流再轉碼方案
原理與方案一不同點是把在服務器上轉碼的過程轉移到終端電腦上，目前在高版本瀏覽器（除IE外）中，已經支持 WASM技術，可以使用此技術在終端電腦上把RTSP視頻流轉碼后播放。此方案同樣需要服務器的支持，由於在終端電腦轉碼，終端電腦配置好壞決定了播放質量，並且由於WASM只能軟解碼，無法利用終端電腦的加速能力，且不支持多線程，多路播放或者H.265格式視頻，也容易出現卡頓、花屏等情況，大量占用電腦CPU和內存，電腦無法再做其他事情，體驗非常不好，綜合來看，此方案也盡量慎用。
3.低版本瀏覽器方案：
2015年之前Chrome等瀏覽器還未取消對 NPAPI插件支持的時候方案，繼續使用低版本Chrome、Firefox等瀏覽器，通過VLC原生播放器直接播放，也不需要服務器支持，延遲非常低，終端也可以使用硬件的加速能力，多路播放也毫無壓力。缺點也非常明顯：無法使用最新的瀏覽器和操作系統，不適合商用。如果能解決高版本的Chrome、Firefox、Edge等瀏覽器使用，此方案無疑是最佳選擇！
4.最終升級方案
猿大師的VLC播放程序是基於猿大師中間件提供的內嵌網頁播放的專利技術，底層調用VLC客戶端的ActiveX控件可實現在Chrome等高版本瀏覽器中內嵌播放海康威視、大華等攝像頭的RTSP視頻流。由於
實際調用的是VLC本地原生播放控件，因此可充分利用本機硬件加速能力實現高效硬解碼播放多路或高清視頻(H.265)，低延遲至300毫秒，支持回訪、抓圖、錄像，最多可支持25路同時播放，最低可用在Chrome 41、Firefox 50、Edge 80(Chromium內核)、360極速/安全、IE、Oprea 36、QQ等瀏覽器，也兼容運行於這些瀏覽器的最新版本。
猿大師官網：
http://www.yuanmaster.com
1.猿大師與大華官方網頁延遲對比：
https://www.bilibili.com/video/BV1ff4y1j7qg/