1. 程式人生 > 其它 >Windows上使用VLC外掛的方式在IE瀏覽器上播放RTSP視訊流

Windows上使用VLC外掛的方式在IE瀏覽器上播放RTSP視訊流

場景

開源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相關的設定都允許。