浏览器安装vlc插件播放rtsp流

最新推荐文章于 2024-06-27 15:47:00 发布

mengzhengjie

最新推荐文章于 2024-06-27 15:47:00 发布

阅读量1.2k

点赞数

分类专栏： js html

js 同时被 2 个专栏收录

82 篇文章 0 订阅

订阅专栏

html

15 篇文章 0 订阅

订阅专栏

http://blog.csdn.net/xiaoliouc/article/details/8664081

网上很多例子都不管用了，今天自己参照

http://jeremiah.blog.51cto.com/539865/161433/

写了一个，经测试通过。注意的是，安装vlc的时候记得勾选ie插件、火狐插件。

[html]view plaincopyprint? 
    
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
 <html xmlns="http://www.w3.org/1999/xhtml" >   
 <head>   
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
 <script>   
 var itemId = 0;   
 function getVLC(name)   
 {   
         if (window.document[name])      
         {   
                 return window.document[name];   
         }   
         if (navigator.appName.indexOf("Microsoft Internet")==-1)   
         {   
                 if (document.embeds && document.embeds[name])   
                         return document.embeds[name];      
         }   
         else   
         {   
                 return document.getElementById(name);   
         }   
 }   
   
 function doGo(mrl)   
 {   
         var vlc = getVLC("vlc");   
         itemId=vlc.playlist.add(mrl);   
         vlc.playlist.playItem(itemId);   
         document.getElementById("btn_stop").disabled = false;   
 }   
   
 function updateVolume(deltaVol)   
 {   
         var vlc = getVLC("vlc");   
         vlc.audio.volume += deltaVol;   
 }   
   
 function doPlay()   
 {   
         vlc.playlist.playItem(itemId);   
            
         document.getElementById("btn_stop").disabled = false;   
         document.getElementById("btn_play").disabled = true;   
 }   
   
 function doStop()   
 {   
         getVLC("vlc").playlist.stop();   
         document.getElementById("btn_stop").disabled = true;   
         document.getElementById("btn_play").disabled = false;   
 }   
 </script>   
 </head>   
 <body>   
 <div style="margin: 50px">   
         <a title="rtsp://192.168.1.16:554/sample_100kbit.mp4" href="#" onclick="doGo(this.title);return false;">本机的mp4文件</a>   
         <span style="margin: 20px;" />   
         <a title="rtsp://192.168.1.6:8086?h264&amr" href="#" onclick="doGo(this.title);return false;">实时视频流</a>   
         <span style="margin: 20px;" />   
 </div>   
 <div>   
         <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"  
     codebase="http://download.videolan.org/pub/videolan/vlc/0.8.6c/win32/axvlc.cab"  
        width="600" height="480" id="vlc" events="True">  
  <param name="MRL" value="" />  
  <param name="Src" value="" />  
    <param name="ShowDisplay" value="True" />  
  <param name="AutoLoop" value="False" />  
  <param name="AutoPlay" value="False" />  
  <param name="Time" value="True"/>  
  <EMBED pluginspage="http://www.videolan.org"  
        type="application/x-vlc-plugin"  
        version="VideoLAN.VLCPlugin.2"  
        width="600"  
        height="480"      
        text="Waiting for video"  
        name="vlc"  
        ></EMBED>  
  </OBJECT>   
 </div>   
 <div>   
 <input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">   
 <input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">   
 <input type=button value="静音切换" onclick='getVLC("vlc").audio.togglemute();'>   
 <input type=button value="减小音量" onclick='updateVolume(-10)'>   
 <input type=button value="增加音量" onclick='updateVolume(+10)'>   
 </div>   
 </body>   
 </html>  

mengzhengjie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器安装vlc插件播放rtsp流

http://blog.csdn.net/xiaoliouc/article/details/8664081网上很多例子都不管用了，今天自己参照 http://jeremiah.blog.51cto.com/539865/161433/写了一个，经测试通过。注意的是，安装vlc的时候记得勾选ie插件、火狐插件。 [html] view plainco
复制链接

扫一扫

专栏目录