谷歌Chrome瀏覽器播放RTSP監(jiān)控視頻流,支持VUE、抓圖、錄像、回放、倍速等

因?yàn)轫?xiàng)目上需要把??低晹z像頭集成到WEB網(wǎng)頁中播放,于是開始了對WEB播放攝像頭方案的各種折騰。
2015年之前還可以用VLC原生播放器在Chrome、Firefox等瀏覽器中直接播放,延遲比較低,效果也還不錯??上Ш镁安婚L,從 2015年Chrome、Firefox等瀏覽器取消了對 NPAPI插件的支持,??低暪俜教峁┑?web3.0開發(fā)包也只能在低版本瀏覽器播放。
有朋友推薦的猿大師VLC播放程序,據(jù)說是底層調(diào)用VLC播放控件然后嵌入到網(wǎng)頁中直接播放RTSP視頻流的,延遲非常低(實(shí)測300毫秒左右),可以媲美官方,于是到猿大師官網(wǎng)下載試用下。
第一步:
先下載VLC播放器,VLC官方下載最新版即可。地址:https://www.videolan.org/

第二步:
猿大師官網(wǎng)下載猿大師中間件,(猿大師官網(wǎng)下載地址:http://www.yuanmaster.com/xiazai/)他們提供了免安裝的綠色版本,下載后直接解壓縮,然后運(yùn)行 InstallWrl.bat 啟動即可。

第三步:
啟動猿大師后會有如下彈窗,包含UID等信息,請截圖發(fā)給猿大師客服開通試用授權(quán)。

第四步:
打開猿大師VLC播放程序在線體驗(yàn)網(wǎng)試用, 以全頁面顯示為例,首先點(diǎn)擊連接,右側(cè)會顯示連接成功。

另外他們還提供VUE的測試頁面和源碼,內(nèi)置了三十多種不同的分屏樣式,字幕、抓圖、錄像、水印功能都可以正常使用,可以根據(jù)源碼和開發(fā)文檔集成到自己的項(xiàng)目中測試效果,網(wǎng)上找了一個外網(wǎng)視頻測試了下(公網(wǎng)視頻太少,外網(wǎng)有些卡頓),同時播放十幾路也沒問題,下面是VUE頁面效果:
