网页IE轻松调用VLC播放器实现监控(组件+方法大全)【转】
公司突发奇想,要把刚买回来的网络监控机用自己内部网站在线监控。
作为网站的开发员,我接下了这个任务。
网络上有很多资料参与,但是都不全都不尽人意,最后经过多次的不同关键字的查找和测试,总算让我成功了。
转入正题:
一、代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <script>
- var itemId = 0;
- function getVLC(name)
- {
- if (window.document[name])
- {
- return window.document[name];
- }
- if (navigator.appName.indexOf("Microsoft Internet")==-1)
- {
- if (document.embeds && document.embeds[name])
- return document.embeds[name];
- }
- else
- {
- return document.getElementById(name);
- }
- }
- function doGo(mrl)
- {
- var vlc = getVLC("vlc");
- itemId=vlc.playlist.add(mrl);
- vlc.playlist.playItem(itemId);
- document.getElementById("btn_stop").disabled = false;
- }
- function updateVolume(deltaVol)
- {
- var vlc = getVLC("vlc");
- vlc.audio.volume += deltaVol;
- }
- function doPlay()
- {
- vlc.playlist.playItem(itemId);
- document.getElementById("btn_stop").disabled = false;
- document.getElementById("btn_play").disabled = true;
- }
- function doStop()
- {
- getVLC("vlc").playlist.stop();
- document.getElementById("btn_stop").disabled = true;
- document.getElementById("btn_play").disabled = false;
- }
- </script>
- </head>
- <body>
- <div style="margin: 50px">
- <!-- <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> -->
- <span style="margin: 20px;" />
- <a title="rtsp://admin:123456@192.168.0.194:88/videoMain" href="#" onclick="doGo(this.title);return false;">实时视频流</a>
- <span style="margin: 20px;" />
- </div>
- <div>
- <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"
- codebase=""
- width="600" height="480" id="vlc" events="True">
- <param name="MRL" value="" />
- <param name="Src" value="" />
- <param name="ShowDisplay" value="True" />
- <param name="AutoLoop" value="False" />
- <param name="AutoPlay" value="False" />
- <param name="Time" value="True"/>
- <EMBED pluginspage="http://www.videolan.org"
- type="application/x-vlc-plugin"
- version="VideoLAN.VLCPlugin.2"
- width="600"
- height="480"
- text="Waiting for video"
- name="vlc"
- ></EMBED>
- </OBJECT>
- </div>
- <div>
- <input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">
- <input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
- <input type=button value="静音切换" onclick='getVLC("vlc").audio.togglemute();'>
- <input type=button value="减小音量" onclick='updateVolume(-10)'>
- <input type=button value="增加音量" onclick='updateVolume(+10)'>
- </div>
- </body>
- </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播放器实现监控(组件+方法大全)【转】的更多相关文章
- C# Winform开发程序调用VLC播放器控件播放视频.
VLC是个好东西,支持的格式多,还无广告,关键还有调用它的播放控件不用安装. 开个文章记录下调用这个控件的流水账,以便以后需要的时候查阅 创建工程 首先新建一个Winform工程. 这里姑且叫做VLC ...
- 使用vlc播放器做rtsp流媒体服务器
可参考: 使用vlc播放器播放rtsp视频 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器做rts ...
- 使用vlc播放器播放rtsp流视频
可参考: 使用vlc播放器做rtsp服务器 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器播放rt ...
- Android VLC播放器二次开发2——CPU类型检查+界面初始化
上一篇讲了VLC整个程序的模块划分和界面主要使用的技术,今天分析一下VLC程序初始化过程,主要是初始化界面.加载解码库的操作.今天主要分析一下org.videolan.vlc.gui.MainActi ...
- vlc 播放器的点播和广播服务
vlc 是一个开源的,同时跨平台的播放器.在研究 rtsp 协议时发现,它同时还是一个强大的流媒体服务器 VLM VLM(VideoLAN Manager) 在 vlc 中是一个小型的媒体管理器,它能 ...
- Android VLC播放器二次开发1——程序结构分析
最近因为一个新项目需要一个多媒体播放器,所以需要做个视频.音频.图片方面的播放器.也查阅了不少这方面的资料,如果要从头做一个播放器工作量太大了,而且难度也很大.所以最后选择了VLC作为基础,进行二次开 ...
- centos7安装VLC播放器
centos7安装VLC播放器 1.安装eple 下载地址:https://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-5.noar ...
- Centos 上使用mmsh协议听猫扑网络电台 VLC播放器
Centos 上使用mmsh协议听猫扑网络电台 VLC播放器 安装CentOS已经有一段时间了,但是由于在Linux下除了学习,其他是事情都干不了.今天想闲来无事开了CentOS就想听一下歌,突然想起 ...
- Ubuntu安装VLC播放器
Ubuntu安装VLC官方介绍:http://www.videolan.org/vlc/download-ubuntu.html sudo apt-get update sudo apt-get in ...
随机推荐
- TradingView 为 k 线柱添加标记
看别人翻译的开发文档: 开发文档地址:https://zlq4863947.gitbooks.io/tradingview/ getMarks(symbolInfo, startDate, endDa ...
- Servlet的一点小结
1.什么是servlet servlet是一个Java applet,一个帮助程序.用于帮助浏览器从服务器中获取资源.浏览器-servlet-服务器三者的关系如图所示. 2.servlet的生命周期 ...
- 选择 React Native 的理由
转载:选择 React Native 的理由 从开始知道 React Native 到现在已经过了5个月,真实的试用也经历了三个月的时间.阅读文档开始,了解是什么,到简单的理解为什么,都是在聆听不同的 ...
- Python2字符编码问题汇总
目录 从字符编码说起 unicode与utf-8 当编解码遇上Python2.x unicode 与 str 区别 __str__ __repr__的区别 unicode str utf-8关系 un ...
- 特征向量、特征值以及降维方法(PCA、SVD、LDA)
一.特征向量/特征值 Av = λv 如果把矩阵看作是一个运动,运动的方向叫做特征向量,运动的速度叫做特征值.对于上式,v为A矩阵的特征向量,λ为A矩阵的特征值. 假设:v不是A的速度(方向) 结果如 ...
- bzoj1814: Ural 1519 Formula 1 动态规划 插头dp
http://acm.timus.ru/problem.aspx?space=1&num=1519 题目描述 一个 m * n 的棋盘,有的格子存在障碍,求经过所有非障碍格子的哈密顿回路个数. ...
- 关于void main()的误区
很多人甚至市面上的一些书籍,都使用了void main( ) ,其实这是错误的.C/C++ 中从来没有定义过void main( ) .C++ 之父 Bjarne Stroustrup 在他的主页上的 ...
- 2018-2019-2 20162318《网络攻防技术》Exp5 MSF基础应用
1.实验内容 1.一个主动攻击实践,如ms08_067 2. 一个针对浏览器的攻击,如ms11_050) 3. 一个针对客户端的攻击,如Adobe 4. 成功应用任何一个辅助模块 2.基础问题回答 2 ...
- BZOJ 3876: [Ahoi2014]支线剧情 带下界的费用流
3876: [Ahoi2014]支线剧情 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=3876 Description [故事背景] 宅 ...
- CF 277.5 A.SwapSort 水题
//STL教你做人系列 #include<stdio.h> #include<iostream> #include<math.h> #include<algo ...