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

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

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

转入正题:

一、代码

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  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. function doGo(mrl)
  25. {
  26. var vlc = getVLC("vlc");
  27. itemId=vlc.playlist.add(mrl);
  28. vlc.playlist.playItem(itemId);
  29. document.getElementById("btn_stop").disabled = false;
  30. }
  31. function updateVolume(deltaVol)
  32. {
  33. var vlc = getVLC("vlc");
  34. vlc.audio.volume += deltaVol;
  35. }
  36. function doPlay()
  37. {
  38. vlc.playlist.playItem(itemId);
  39. document.getElementById("btn_stop").disabled = false;
  40. document.getElementById("btn_play").disabled = true;
  41. }
  42. function doStop()
  43. {
  44. getVLC("vlc").playlist.stop();
  45. document.getElementById("btn_stop").disabled = true;
  46. document.getElementById("btn_play").disabled = false;
  47. }
  48. </script>
  49. </head>
  50. <body>
  51. <div style="margin: 50px">
  52. <!-- <a title="rtsp://192.168.0.222:8012/.wmv" href="<a target=_blank href="http://zzck-dental.com">http://zzck-dental.com</a>" onclick="doGo(this.title);return false;">本机的mp4文件</a> -->
  53. <span style="margin: 20px;" />
  54. <a title="rtsp://admin:123456@192.168.0.194:88/videoMain" href="#" onclick="doGo(this.title);return false;">实时视频流</a>
  55. <span style="margin: 20px;" />
  56. </div>
  57. <div>
  58. <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"
  59. codebase=""
  60. width="600" height="480" id="vlc" events="True">
  61. <param name="MRL" value="" />
  62. <param name="Src" value="" />
  63. <param name="ShowDisplay" value="True" />
  64. <param name="AutoLoop" value="False" />
  65. <param name="AutoPlay" value="False" />
  66. <param name="Time" value="True"/>
  67. <EMBED pluginspage="http://www.videolan.org"
  68. type="application/x-vlc-plugin"
  69. version="VideoLAN.VLCPlugin.2"
  70. width="600"
  71. height="480"
  72. text="Waiting for video"
  73. name="vlc"
  74. ></EMBED>
  75. </OBJECT>
  76. </div>
  77. <div>
  78. <input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">
  79. <input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
  80. <input type=button value="静音切换" onclick='getVLC("vlc").audio.togglemute();'>
  81. <input type=button value="减小音量" onclick='updateVolume(-10)'>
  82. <input type=button value="增加音量" onclick='updateVolume(+10)'>
  83. </div>
  84. </body>
  85. </html>

二、说明

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

rtsp://admin:123456@192.168.0.194:88/videoMain  为你监控机地址

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

网页IE轻松调用VLC播放器实现监控(组件+方法大全)【转】的更多相关文章

  1. C# Winform开发程序调用VLC播放器控件播放视频.

    VLC是个好东西,支持的格式多,还无广告,关键还有调用它的播放控件不用安装. 开个文章记录下调用这个控件的流水账,以便以后需要的时候查阅 创建工程 首先新建一个Winform工程. 这里姑且叫做VLC ...

  2. 使用vlc播放器做rtsp流媒体服务器

    可参考: 使用vlc播放器播放rtsp视频 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器做rts ...

  3. 使用vlc播放器播放rtsp流视频

    可参考: 使用vlc播放器做rtsp服务器 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器播放rt ...

  4. Android VLC播放器二次开发2——CPU类型检查+界面初始化

    上一篇讲了VLC整个程序的模块划分和界面主要使用的技术,今天分析一下VLC程序初始化过程,主要是初始化界面.加载解码库的操作.今天主要分析一下org.videolan.vlc.gui.MainActi ...

  5. vlc 播放器的点播和广播服务

    vlc 是一个开源的,同时跨平台的播放器.在研究 rtsp 协议时发现,它同时还是一个强大的流媒体服务器 VLM VLM(VideoLAN Manager) 在 vlc 中是一个小型的媒体管理器,它能 ...

  6. Android VLC播放器二次开发1——程序结构分析

    最近因为一个新项目需要一个多媒体播放器,所以需要做个视频.音频.图片方面的播放器.也查阅了不少这方面的资料,如果要从头做一个播放器工作量太大了,而且难度也很大.所以最后选择了VLC作为基础,进行二次开 ...

  7. centos7安装VLC播放器

    centos7安装VLC播放器 1.安装eple 下载地址:https://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-5.noar ...

  8. Centos 上使用mmsh协议听猫扑网络电台 VLC播放器

    Centos 上使用mmsh协议听猫扑网络电台 VLC播放器 安装CentOS已经有一段时间了,但是由于在Linux下除了学习,其他是事情都干不了.今天想闲来无事开了CentOS就想听一下歌,突然想起 ...

  9. Ubuntu安装VLC播放器

    Ubuntu安装VLC官方介绍:http://www.videolan.org/vlc/download-ubuntu.html sudo apt-get update sudo apt-get in ...

随机推荐

  1. php中的PDO函数库详解

    PHP中的PDO函数库详解 PDO是一个“数据库访问抽象层”,作用是统一各种数据库的访问接口,与mysql和mysqli的函数库相比,PDO让跨数据库的使用更具有亲和力:与ADODB和MDB2相比,P ...

  2. 《Android源码设计模式》--抽象工厂模式

    No1: 4种MediaPlayer Factory分别会生成不同的MediaPlayer基类:StagefrightPlayer.NuPlayerDriver.MidiFile和TestPlayer ...

  3. Javap -c 字节码解析

              栈和局部变量操作 将常量压入栈的指令 aconst_null         将null对象引用压入栈   iconst_m1         将int类型常量-1压入栈 icon ...

  4. SELECT INTO和INSERT INTO SELECT(SQL Server)

    --自动创建了target_table表,并复制source_table表的数据到target_table select name,age into target_table from source_ ...

  5. android Handler机制 消息机制

    韩梦飞沙  韩亚飞  313134555@qq.com  yue31313  han_meng_fei_sha 循环器Looper 管理该线程内对象之间的消息交换  messageExchange 循 ...

  6. vijos p1882 智力题

    题意: 清晨, Alice与Bob在石阶上玩砖块.他们每人都有属于自己的一堆砖块.每人的砖块都由N列组成且N是奇数.Alice的第i列砖块有m[i]个.而Bob的第i列砖块有s[i]个. 他们想建造城 ...

  7. 批量导入--EasyPOIPOI

    easypoi功能如同名字easy,主打的功能就是容易,让一个没见接触过poi的人员 就可以方便的写出Excel导出,Excel模板导出,Excel导入,Word模板导出,通过简单的注解和模板 语言( ...

  8. Codeforces Round #FF (Div. 1) B. DZY Loves Modification 优先队列

    B. DZY Loves Modification 题目连接: http://www.codeforces.com/contest/446/problem/B Description As we kn ...

  9. ASP.NET 构建高性能网站 第5篇

    利用分析工具分析加载页面信息 站点的优化说到底还是站点每一个页面的优化,即使得站点的页面更快的呈现在用户的眼前.所以在此之前,我们首先来看看一个web页面的组成部分: 1. Html文件:在ASP.N ...

  10. Android 脚本设计之 SL4A

    SL4A的全称为Scripting Layer for Android, 顾名思义就是Android的脚本架构层,它的目的就是可以用熟知的脚本开发语言来开发Android应用程序.其工作原理基于RPC ...