如果你問一個前端技術人員，近幾年最火的前端框架技術是什么，肯定會有人說VUE，確實VUE憑借其簡單特性贏得了大家的喜愛，而近期公司有個項目，需要在VUE框架網頁上播放RTSP實時視頻。
小編對目前市場上的所有方案進行了測試，發現市面上行大部分方案都是轉碼轉流方案，需要服務器不停的轉碼轉流，不僅延遲高，能達到幾秒甚至幾分鍾，播放高清視頻或者H.265格式視頻容易卡頓，同時多路播放效果也差，比如WebAssembly甚至本地錄像抓圖功能都不能實現，很難用於商業。
想比較之下猿大師VLC播放程序是性價比最高的一個方案，通過猿大師的內嵌網頁技術，底層調用VLC的ActiveX控件，可以實現在網頁中內嵌播放多路RTSP的實時視頻流，不用服務器轉碼轉流，可以做到低延遲（300毫秒），支持H.264和H.265格式，兼容主流瀏覽器的老版本和最新版本。下面小編用圖文為大家介紹下體驗步驟：
第一步：
下載猿大師中間件，同樣我們也給不想安裝的程序的同學准備了免安裝的猿大師綠色版，下載地址：http://www.yuanmaster.com/xiazai/ 下載解壓縮后運行：InstallWrl.bat 啟動即可。
第二步：
下載安裝VLC桌面版播放器，你也可以直接下載免安裝的綠色版VLC播放器，解壓縮到軟件安裝目錄》Plugins》VLCwebPlayer目錄里面。
下載地址：
64位：http://download.videolan.org/pub/videolan/vlc/3.0.16/win64/vlc-3.0.16-win64.7z
32位：http://download.videolan.org/pub/videolan/vlc/3.0.16/win32/vlc-3.0.16-win32.7z
第三步：
啟動猿大師后會有如下彈窗，包含UID等信息，請截圖發給猿大師客服開通試用授權。
第四步：
打開猿大師VLC播放程序在線體驗網試用：以全頁面顯示為例，體驗網址：http://test.yuanmaster.com/vlcwebfull.html
首先點擊連接，右側會顯示連接成功，如果沒有成功，請確認本機83端口是否被占用，如果被占用。然后再把真實RTSP地址替換到下面藍色區域，然后點擊發送即可。
效果還不錯，延遲很低，基本300毫秒左右，視頻如下：