最近由于工作需要，業(yè)務(wù)系統(tǒng)需要集成網(wǎng)絡(luò)攝像頭。項目是架構(gòu)，所以涉及到推流到前端頁面的問題。我之前也沒怎么解除過視頻相關(guān)的問題，相關(guān)技術(shù)了解不多。相面就分不同篇幅簡單梳理一下這個問題。

網(wǎng)絡(luò)攝像頭是現(xiàn)在安防系統(tǒng)中不可或缺的環(huán)節(jié)。以海康為例，官網(wǎng)提供的SDK主要是基于cs架構(gòu)的。而且用C++試了一下，延遲和清晰程度感覺比基于bs的經(jīng)過轉(zhuǎn)碼推流的效果好。這里也可能和測試的方法有關(guān)。

cs/bs在不同的應(yīng)用場景有各自的優(yōu)勢，這里不贅述。

我的思路是先搞清楚，H5支持的視頻格式，H264壓縮的mp4, webm,ogg三種格式，這里的格式到底是視頻的編碼方式呢還是壓縮方式我也不是特別清楚。海康攝像頭輸出的是rtsp流。

知道的不多，但目前的思路就是真么把rtsp流轉(zhuǎn)碼成H5支持的格式并推到前端顯示。這里看了很多文章，有兩篇確實(shí)有效果

https://blog.csdn.net/qq_34307209/article/details/78261691，這篇是說借住VLC這個工具先從攝像頭拉流（rtsp，這個工具可以直接播放這種流），然后再借助開源音視頻編解碼工具ffmpeg轉(zhuǎn)碼到rtmp格式的流，rtmp格式的流對應(yīng)到前端就是flv格式的數(shù)據(jù)，如果沒有安裝對應(yīng)的插件，需要瀏覽器支持flash播放，否則也是無法播放的。

chrome 開啟flash支持的方式，參考鏈接https://blog.csdn.net/m0_37649018/article/details/79154827

chrome://settings/content/flash

添加信任的服務(wù)ip+端口

其實(shí)另一篇思路和上一篇是一樣的，也都是拉rtsp流轉(zhuǎn)碼到rtmp,瀏覽器支持flash播放，顯示畫面https://blog.csdn.net/LLittleF/article/details/81111713。

到現(xiàn)在即使這條路基本通了，但是如果要實(shí)際應(yīng)用會有很多問題，先不說延遲，人數(shù)限制之類的問題，單是需要插件支持或者需要flash支持（chrome, firefox默認(rèn)不支持flash播放，而且這也是個趨勢），所以這種方案，應(yīng)用到實(shí)際中，體驗(yàn)不會太好，如果多人需要看監(jiān)控畫面，每個人的電腦都需要修改配置，這中間陰差陽錯，問題會很多，用戶也不會接受的。

所以就需要找其他的方案，作為替代方案，所以就找到了webrtc。這個下一篇再說。

?

無意間看到一篇文章，我覺得寫得很好，是關(guān)于流媒體服務(wù)的一些基礎(chǔ)常識，很受教http://www.cnblogs.com/babosa/p/7355468.html

另外一種解決方案，沒有測試https://github.com/daniulive/SmarterStreaming。

總結(jié)

以上是生活随笔為你收集整理的关于海康摄像头rtsp流转码推流到前端的若干尝试和总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。