場景
開源RTMP組件EasyPusher-Android+EasyDarwin實現APP推流給RTSP流媒體服務器:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/123349283
上面實現將視頻流推送給RTSP服務器之后,如果要實現在web端播放rtsp格式的視頻流可以借助於VLC插件的形式。
或者說如果想要對rtsp格式的攝像頭比如海康威視這種進行web端的預覽,除了使用海康威視官方的exe插件,也可以借助於
vlc插件進行播放。
web端播放rtsp方案對比:
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。
實現
1、電腦上下載安裝VLC32位
為什么是32位?
電腦是64位不假,但是IE ActiveX這個控件默認卻是32位
32位可以從網絡上下載
https://www.filehorse.com/download-vlc-32/download/
2、安裝vlc
切記安裝時要勾選網頁瀏覽器插件下面Mozilla插件和ActiveX插件,默認是選中的。
3、新建html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz"> <param name='mrl' value='rtsp視頻地址' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> </body> </html>
將rtsp地址替換為自己的地址
參數說明可以參考官方文檔
https://wiki.videolan.org/Documentation:WebPlugin/
4、在IE瀏覽器或者360瀏覽器切換兼容模式下運行html,會提示是否阻止內容,點擊允許。
然后會運行ActiveX插件,點擊運行,如果提示來自不信任的內容被阻止這樣的提示,按照提示去
工具-Internet選項-安全-自定義級別,將ActiveX相關的設置都允許。