web網頁中使用vlc插件播放相機rtsp流視頻


 可參考:

使用vlc播放器做rtsp服務器

使用vlc播放器播放rtsp視頻

使用vlc進行二次開發做自己的播放器

 

 

vlc功能還是很強大的,有很多的現成的二次開發接口,不需配置太多即可輕松做客戶端播放器或web網頁播放器。

 

下面代碼是web網頁中使用vlc插件播放相機rtsp流視頻:

<html>  
<body>  
<!--[if IE]>  
   <object type='application/x-vlc-plugin' id='vlc' events='True'  
       classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">  
          <param name='mrl' value='rtsp://192.168.1.1:8554' />  
          <param name='volume' value='50' />  
          <param name='autoplay' value='true' />  
          <param name='loop' value='false' />  
          <param name='fullscreen' value='false' />  
    </object>  
<![endif]-->  
<!--[if !IE]><!-->  
    <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://192.168.1.1:8554' />  
        <param name='volume' value='50' />  
        <param name='autoplay' value='true' />  
        <param name='loop' value='false' />  
        <param name='fullscreen' value='false' />  
    </object>  
<!--<![endif]-->  
</body  
</html>  

注意:

   需提前在打開網頁的電腦上安裝vlc播放器或vlc的插件

http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

只支持ie瀏覽器,現在google瀏覽器之類的取消了對這些的支持。測試大部分國產瀏覽器還是沒問題的。

如果需要動態修改rtsp路徑或其他設置,可以把整個object放進一個div里,然后頁面加載前修改這個div的innerHTML,還是沒什么難度的

官網已經無法下載cab包了,地址已經失效了,不過我們依然可以下載上海交通大學的cab包

下載地址:http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab

官網已經失效的下載地址:http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

上海交通大學的cab包是基於0.8.6d的版本制作的,雖然現在的版本到了2.1.3

axvlc.cab包里含有3個文件axvlc.dll、axvlc.inf、vlc-0.8.6d-win32.exe

喜歡開發的可以下載這個cab包試一下。

每個Active X插件即使是微小的版本變化,也會出現不兼容

目前發現,很多代碼,比如檢測插件版本的代碼在火狐和谷歌瀏覽器上顯示正常,但是一旦用IE瀏覽器就不正常了

 

<object type='application/x-vlc-plugin' id='vlc' events='True'  
       classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">  
          <param name='mrl' value='rtsp://192.168.1.1:8554' />  
          <param name='volume' value='50' />  
          <param name='autoplay' value='true' />  
          <param name='loop' value='false' />  
          <param name='fullscreen' value='false' />  
    </object> 

  






免責聲明!

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



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