Windows上使用VLC外掛的方式在IE瀏覽器上播放RTSP視訊流
阿新 • • 發佈:2022-03-11
場景
開源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相關的設定都允許。