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

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

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

转入正题：

一、代码

  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. 10 Best jQuery and HTML5 WYSIWYG Plugins

    https://www.sitepoint.com/10-best-html-wysiwyg-plugins/

  2. Java 中的异常处理机制

    生活中的异常:  不能够完整而顺利的完成一些工作 根据不同的异常进行相应的处理,而不会就此终端我们的生活 引出:  异常处理: 方式:  1.选择结构(逻辑判断)避免 demo:if逻辑处理异常 im ...

  3. [BZOJ4668]冷战(并查集)

    比较自然的思路是,由于需要记录连通块合并时的信息,所以需要建出Kruskal重构树. 需要用LCT维护,支持加点和在线LCA操作. 不妨考虑在并查集合并的同时记录信息,pre[x]表示x与它的父亲相连 ...

  4. [BZOJ4592][SHOI2015]脑洞治疗仪(线段树)

    线段树基础操作题,唯一需要思考下的是将区间的前k个0覆盖为1. 线段树上二分,先递归到左子树覆盖,回溯时返回还剩多少个0未被覆盖,在根据这个信息递归到右子树.注意特判k=0的情况. 要维护的信息有:区 ...

  5. hdu 4540 dp

    题意: 假设: 1.每一个时刻我们只能打一只地鼠,并且打完以后该时刻出现的所有地鼠都会立刻消失: 2.老鼠出现的位置在一条直线上,如果上一个时刻我们在x1位置打地鼠,下一个时刻我们在x2位置打地鼠,那 ...

  6. 开源中国上抓取的content-type

    开源中国上抓取的content-type类型,来源:http://www.cnblogs.com/smallyard/p/5632608.html { ".*": "ap ...

  7. 【BZOJ】1864: [Zjoi2006]三色二叉树

    1864: [Zjoi2006]三色二叉树 Time Limit: 1 Sec  Memory Limit: 64 MBSubmit: 1295  Solved: 961[Submit][Status ...

  8. 216. 组合总和 III

    216. 组合总和 III 题意 找出所有相加之和为 n 的 k 个数的组合.组合中只允许含有 1 - 9 的正整数,并且每种组合中不存在重复的数字. 说明: 所有数字都是正整数. 解集不能包含重复的 ...

  9. SMACH专题（一）----安装与初探

    最近使用ROS进行任务(Task)执行,深切体会用传统的方法实现是极其繁杂的.比如人脸录入工作,包含人脸检测,识别,语音提示,运动控制,这些子部分基本都是通过订阅话题的回调函数中处理,之间的切换,如人 ...

  10. 使用 C++ 的 StringBuilder 提升 4350% 的性能

    http://blog.jobbole.com/109663/?utm_source=blog.jobbole.com&utm_medium=relatedPosts http://msdn. ...