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

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

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

转入正题：

一、代码

  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. softmax 杂谈

    在多分类问题中,我们可以使用 softmax 函数,对输出的值归一化为概率值.下面举个例子: import sys sys.path.append("E:/zlab/") from ...

  2. JAVA单向链表实现

    JAVA单向链表实现 单向链表 链表和数组一样是一种最常用的线性数据结构,两者各有优缺点.数组我们知道是在内存上的一块连续的空间构成,所以其元素访问可以通过下标进行,随机访问速度很快,但数组也有其缺点 ...

  3. hdu-3790最短路刷题

    title: hdu-3790最短路刷题 date: 2018-10-20 14:50:31 tags: acm 刷题 categories: ACM-最短路 概述 一道最短路的水题,,,尽量不看以前 ...

  4. Swift2.0语言教程之闭包

    Swift2.0语言教程之闭包 Swift2.0语言闭包 闭包是自包含的函数代码块,可以在代码中被传递和使用.Swift中的闭包与C和Objective-C中的代码块(blocks)以及其他一些编程语 ...

  5. 线性表之顺序栈C++实现

    线性表之顺序栈 栈是限定仅在表尾(栈顶)进行插入删除操作的线性表,FILO:先进后出 一.顺序栈的头文件:SeqStack.h //顺序栈头文件 #include<iostream> us ...

  6. bzoj 4017 子序列和的异或以及异或的和

    位运算很好的一个性质是可以单独每一位考虑..... 题解请看:http://blog.csdn.net/skywalkert/article/details/45401245 对于异或的和,先枚举位, ...

  7. 【BZOJ-3527】力 FFT

    3527: [Zjoi2014]力 Time Limit: 30 Sec  Memory Limit: 256 MBSec  Special JudgeSubmit: 1544  Solved: 89 ...

  8. angularJS简介及其特点—— 五大特性，加快 Web 应用开发

    AngularJS 是谷歌的一个 JavaScript 框架,旨在简化前端应用程序的开发. 一. 关于和jquery的比较 首先angular是一个mvc框架,它与jquery不同之处在于,前者致力于 ...

  9. git一些命令

    ************git基本命令***************git config --global user.name "xielehe" 设置名字git config - ...

  10. windows下python2.7.14版本的安装

    本文主要对window下如何安装Python进行图解说明 步骤一.从官网下载相应的版本(本文以2.7.14为例),https://www.python.org/downloads/release/py ...