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

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

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

转入正题：

一、代码

  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. R语言实战（十）处理缺失数据的高级方法

    本文对应<R语言实战>第15章:处理缺失数据的高级方法 本文仅在书的基础上进行简单阐述,更加详细的缺失数据问题研究将会单独写一篇文章. 处理缺失值的一般步骤: 识别缺失数据: 检查导致数据 ...

  2. 洛谷P2525 Uim的情人节礼物·其之壱 [康托展开]

    题目传送门 Uim的情人节礼物·其之壱 题目描述 情人节到了,Uim打算给他的后宫们准备情人节礼物.UIm一共有N(1<=N<=9)个后宫妹子(现充去死 挫骨扬灰!). 为了维护他的后宫的 ...

  3. <泛> 并查集

    最近写这些东西呢,主要是整理一下知识,自己写一遍,看看还是不是我的. 原理与实践相结合,缺一不可 背景 有时候,给你一张很复杂的关系网络图,如果关系具有传递性,那么,我们该如何处理这些关系集合. 一个 ...

  4. 1006 Sign In and Sign Out (25)（25 point(s)）

    problem At the beginning of every day, the first person who signs in the computer room will unlock t ...

  5. python语法（一）

    Python是一种面向对象.直译式电脑编程语言,也是一种功能强大的通用型语言,已经具有近二十年的发展历史,成熟且稳定.在近几年,大数据,人工智能火起来之后也是水涨船高,被越来越多的人知道,并且越来越多 ...

  6. hihocoder#1046 K个串 可持久化线段树 + 堆

    首先考虑二分,然后发现不可行.... 注意到\(k\)十分小,尝试从这里突破 首先用扫描线来处理出以每个节点为右端点的区间的权值和,用可持久化线段树存下来 在所有的右端点相同的区间中,挑一个权值最大的 ...

  7. bzoj 4242 水壶 (多源最短路+最小生成树+启发式合并）

    4242: 水壶 Time Limit: 50 Sec  Memory Limit: 512 MBSubmit: 1028  Solved: 261[Submit][Status][Discuss] ...

  8. BZOJ.3489.A simple rmq problem(主席树 Heap)

    题目链接 当时没用markdown写,可能看起来比较难受...可以复制到别的地方看比如DevC++. \(Description\) 给定一个长为n的序列,多次询问[l,r]中最大的只出现一次的数.强 ...

  9. BZOJ.2428.[HAOI2006]均分数据(随机化贪心/模拟退火)

    题目链接 模拟退火: 模拟退火!每次随机一个位置加给sum[]最小的组. 参数真特么玄学啊..气的不想调了(其实就是想刷刷最优解) 如果用DP去算好像更准.. //832kb 428ms #inclu ...

  10. Hdu4903 The only survival

    The only survival Time Limit: 40000/20000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Ot ...