關(guān)于網(wǎng)頁播放攝像頭RTSP視頻流，網(wǎng)上有很多免費(fèi)開源方案，大多數(shù)是通過把RTSP轉(zhuǎn)碼成HLS或者RTMP視頻流，然后通過Flash插件播放，但是大多數(shù)延遲非常高（比如：HLS延遲達(dá)到十幾秒），并且播放多路或者播放高清視頻也非常容易卡頓（服務(wù)器轉(zhuǎn)碼，資源消耗非常大）。

下面介紹兩種用的比較多的方案：

1.ffmpeg +flvjs + websocket + node

原理：利用ffmpeg（開源）把RTSP轉(zhuǎn)碼成FLV，用 websocket 傳輸FLV流，最后用 flvjs（bilibili 開源）在瀏覽器播放。具體的技術(shù)細(xì)節(jié)可以自行搜索。

效果：延遲2秒以上，播放多路的時(shí)候比較占用CPU資源，并且存在卡頓和花屏的情況，要求不高的非商業(yè)可以使用。

2.猿大師播放器

原理：通過猿大師提供的內(nèi)嵌網(wǎng)頁專利技術(shù)，底層調(diào)用VLC控件可實(shí)現(xiàn)在Chrome、Firefox、Edge等高版本瀏覽器中低延遲、多路同時(shí)播放RTSP實(shí)時(shí)視頻流。

效果： 因?yàn)檎{(diào)用的是VLC控件播放,和用VLC桌面播放器直接播放效果是一樣的，VLC默認(rèn)緩存是1000，所以延遲是1S左右，如果要降低延遲可以通過修改降低緩存來實(shí)現(xiàn)，最低可以到300毫秒左右，同時(shí)可以播放20路以上視頻不卡頓，適合對(duì)延遲要求高的場(chǎng)景，如交通、公安、消防等。

猿大師播放器多路播放效果演示：

猿大師播放器低延遲效果演示：

猿大師播放器官網(wǎng)免費(fèi)體驗(yàn)地址：http://www.yuanplayer.com/xiazai/