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

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

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

转入正题：

一、代码

  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. thinkphp调整框架核心目录think的位置

    thinkphp的核心目录即框架文件可以放在项目之外的目录,这点手册上有提到,放在项目之外的地方可以方便其他项目共用一个框架文件. 在入口文件的index.php中,在导入框架目录这一行,可以直接修改 ...

  2. OpenGL笔记<4> 数据传递二

    Sending data to a shader using uniform Preface 上一节我们介绍了通过顶点属性量进行数据传递,今天我们介绍一下通过uniform变量来进行数据传递的方法. ...

  3. 安装ffmpeg

    安装2个源 centos7.2 1.yum install -y epel-release 2.rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x8 ...

  4. 单链表之一元多项式求和C++实现

    单链表之一元多项式求和 一元多项式求和单链表实现伪代码 1.工作指针 pre.p.qre.q 初始化2.while(p 存在且 q 存在)执行下列三种情况之一: 2.1.若 p->exp < ...

  5. LNMP一键安装包如何重装Nginx

    LNMP一键安装包安装好后,相应的Mysql,Nginx及PHP都会安装配置完成. 由于某些特殊情况的需要,如何更换Nginx的版本呢? nginx升级脚本可以完成. 1. 手动编译方法:/usr/l ...

  6. [LearnOpenGL]照相机的变换、坐标系、摄像机

    前言 跟着LearnOpenGL上学着做项目,的确对于知识掌握得更清晰一些了. 第一个项目 第一个项目,是关于简单的熟悉矩阵变换的,创建了10个立方体,代码如下. // 视图矩阵,看作是一个照相机 g ...

  7. Codeforces Round #356 (Div. 2) D. Bear and Tower of Cubes dfs

    D. Bear and Tower of Cubes 题目连接: http://www.codeforces.com/contest/680/problem/D Description Limak i ...

  8. 51nod 1515 明辨是非 启发式合并

    1515 明辨是非 题目连接: https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1515 Description 给n组操 ...

  9. hdoj 4450 Draw Something 水题

    Draw Something Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Tota ...

  10. flex socket policy

    @ flex的as3代码是具备使用origin tcp socket通信能力的. @ 如果是flex builder本机调试,那么可以直连tcp的server. @ 如果flex发布在webserve ...