网页IE轻松调用VLC播放器实现监控(组件+方法大全)【转】

公司突发奇想,要把刚买回来的网络监控机用自己内部网站在线监控。

作为网站的开发员,我接下了这个任务。

网络上有很多资料参与,但是都不全都不尽人意,最后经过多次的不同关键字的查找和测试,总算让我成功了。

转入正题:

一、代码

[html] view plain copy
  1. >   
  2. <html xmlns="http://www.w3.org/1999/xhtml" >   
  3. <head>   
  4. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
  6. <script>   
  7. var itemId = 0;   
  8. function getVLC(name)   
  9. {   
  10.         if (window.document[name])      
  11.         {   
  12.                 return window.document[name];   
  13.         }   
  14.         if (navigator.appName.indexOf("Microsoft Internet")==-1)   
  15.         {   
  16.                 if (document.embeds && document.embeds[name])   
  17.                         return document.embeds[name];      
  18.         }   
  19.         else   
  20.         {   
  21.                 return document.getElementById(name);   
  22.         }   
  23. }   
  24.   
  25. function doGo(mrl)   
  26. {   
  27.         var vlc = getVLC("vlc");   
  28.         itemId=vlc.playlist.add(mrl);   
  29.         vlc.playlist.playItem(itemId);   
  30.         document.getElementById("btn_stop").disabled = false;   
  31. }   
  32.   
  33. function updateVolume(deltaVol)   
  34. {   
  35.         var vlc = getVLC("vlc");   
  36.         vlc.audio.volume += deltaVol;   
  37. }   
  38.   
  39. function doPlay()   
  40. {   
  41.         vlc.playlist.playItem(itemId);   
  42.            
  43.         document.getElementById("btn_stop").disabled = false;   
  44.         document.getElementById("btn_play").disabled = true;   
  45. }   
  46.   
  47. function doStop()   
  48. {   
  49.         getVLC("vlc").playlist.stop();   
  50.         document.getElementById("btn_stop").disabled = true;   
  51.         document.getElementById("btn_play").disabled = false;   
  52. }   
  53. script>   
  54. head>   
  55. <body>   
  56. <div style="margin: 50px">   
  57.           
  58.         <span style="margin: 20px;" />   
  59.         <title="rtsp://admin:[email protected]:88/videoMain" href="#" οnclick="doGo(this.title);return false;">实时视频流a>   
  60.         <span style="margin: 20px;" />   
  61. div>  
  62. <div>   
  63.         <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"  
  64.     codebase=""  
  65.        width="600" height="480" id="vlc" events="True">  
  66.  <param name="MRL" value="" />  
  67.  <param name="Src" value="" />  
  68.    <param name="ShowDisplay" value="True" />  
  69.  <param name="AutoLoop" value="False" />  
  70.  <param name="AutoPlay" value="False" />  
  71.  <param name="Time" value="True"/>  
  72.  <EMBED pluginspage="http://www.videolan.org"  
  73.        type="application/x-vlc-plugin"  
  74.        version="VideoLAN.VLCPlugin.2"  
  75.        width="600"  
  76.        height="480"      
  77.        text="Waiting for video"  
  78.        name="vlc"  
  79.        >EMBED>  
  80.  OBJECT>   
  81. div>   
  82. <div>   
  83. <input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">   
  84. <input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">   
  85. <input type=button value="静音切换" οnclick='getVLC("vlc").audio.togglemute();'>   
  86. <input type=button value="减小音量" οnclick='updateVolume(-10)'>   
  87. <input type=button value="增加音量" οnclick='updateVolume(+10)'>   
  88. div>   
  89. body>   
  90. html>  

二、说明

下载vlc播放器 http://www.zzck-dental.com/vlc-2.0.5-win32.rar

rtsp://admin:[email protected]:88/videoMain  为你监控机地址

admin 为帐号,123456为密码 ,192.168.0.194:88为IP和端口,其它不用修改

 

你可能感兴趣的:(网页IE轻松调用VLC播放器实现监控(组件+方法大全)【转】)