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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM