可参考：

使用vlc播放器做rtsp服务器

使用vlc播放器播放rtsp视频

使用vlc进行二次开发做自己的播放器

vlc功能还是很强大的，有很多的现成的二次开发接口，不需配置太多即可轻松做客户端播放器或web网页播放器。

下面代码是web网页中使用vlc插件播放相机rtsp流视频：

<html>

<body>

<!--[if IE]>

   <object type='application/x-vlc-plugin' id='vlc' events='True'

       classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">

          <param name='mrl' value='rtsp://192.168.1.1:8554' />

          <param name='volume' value='50' />

          <param name='autoplay' value='true' />

          <param name='loop' value='false' />

          <param name='fullscreen' value='false' />

    </object>

<![endif]-->

<!--[if !IE]><!-->

    <object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">

        <param name='mrl' value='rtsp://192.168.1.1:8554' />

        <param name='volume' value='50' />

        <param name='autoplay' value='true' />

        <param name='loop' value='false' />

        <param name='fullscreen' value='false' />

    </object>

<!--<![endif]-->

</body

</html>

注意：

需提前在打开网页的电脑上安装vlc播放器或vlc的插件

http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

只支持ie浏览器，现在google浏览器之类的取消了对这些的支持。测试大部分国产浏览器还是没问题的。

如果需要动态修改rtsp路径或其他设置，可以把整个object放进一个div里，然后页面加载前修改这个div的innerHTML，还是没什么难度的

官网已经无法下载cab包了，地址已经失效了，不过我们依然可以下载上海交通大学的cab包

下载地址：http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab

官网已经失效的下载地址：http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab

上海交通大学的cab包是基于0.8.6d的版本制作的，虽然现在的版本到了2.1.3

axvlc.cab包里含有3个文件axvlc.dll、axvlc.inf、vlc-0.8.6d-win32.exe

喜欢开发的可以下载这个cab包试一下。

每个Active X插件即使是微小的版本变化，也会出现不兼容

目前发现，很多代码，比如检测插件版本的代码在火狐和谷歌浏览器上显示正常，但是一旦用IE浏览器就不正常了

<object type='application/x-vlc-plugin' id='vlc' events='True'

       classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">

          <param name='mrl' value='rtsp://192.168.1.1:8554' />

          <param name='volume' value='50' />

          <param name='autoplay' value='true' />

          <param name='loop' value='false' />

          <param name='fullscreen' value='false' />

    </object>

　　

												


											
web网页中使用vlc插件播放相机rtsp流视频的更多相关文章
	

    
								
  1. EasyNVR网页无插件播放摄像机RTSP流是如何调取接口在Web页实现多窗口同时直播的
		
    背景需求 在互联网飞速发展的时代,开发者常会说的一个词就是"跨平台".自从移动端的用户需求越来越大,H5逐渐发展,跨平台似乎已经成为了软件开发不可或缺的技术.EasyNVR互联网直 ...
    
		
    2. 
						
  2. 使用vlc播放器播放rtsp流视频
		
    可参考: 使用vlc播放器做rtsp服务器 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器播放rt ...
    
		
    3. 
						
  3. 在 Web 页面使用 VLC 插件播放 m3u8 视频流 (360 极速模式)
		
    1. 背景 公司有个旧项目需要添加在线播放 m3u8 视频流,但是该流不知道什么原因使用 Video.js 或 hls.js 均无法播放,最后找到解决方案可使用 VLC 插件播放(360 极速模式下) ...
    
		
    4. 
						
  4. Web网页中动态数据区域的识别与抽取 Dynamical Data Regions Identification and Extraction in Web Pages
		
    Web网页中动态数据区域的识别与抽取 Dynamical Data Regions Identification and Extraction in Web Pages Web网页中动态数据区域的识别 ...
    
		
    5. 
						
  5. C#开发BIMFACE系列50 Web网页中使用jQuery加载模型与图纸
		
    BIMFACE二次开发系列目录     [已更新最新开发文章,点击查看详细] 在前一篇博客<C#开发BIMFACE系列49 Web网页集成BIMFACE应用的技术方案>中介绍了目前市场主流 ...
    
		
    6. 
						
  6. 用VLC读取摄像头产生RTSP流，DSS主动取流转发（一）（二） 【转】
		
    http://blog.csdn.net/fm0517/article/details/38110633 http://blog.csdn.net/fm0517/article/details/381 ...
    
		
    7. 
						
  7. 用VLC读取摄像头产生RTSP流，DSS侦听并转发（二）
		
    用VLC读取摄像头产生RTSP流,DSS侦听并转发(二) 之前介绍过<用VLC读取摄像头产生RTSP流,DSS主动取流转发(一)>本文介绍另一种方法. 摄像机地址是192.1.101.51 ...
    
		
    8. 
						
  8. 用VLC读取摄像头产生RTSP流，DSS主动取流转发（一）
		
    用VLC读取摄像头产生RTSP流,DSS主动取流转发(一) 摄像机地址是192.1.101.51,VLC运行在192.1.101.77上,DSS服务器架设在192.1.101.30上. Step1:V ...
    
		
    9. 
						
  9. C#开发BIMFACE系列49 Web网页中加载模型与图纸的技术方案
		
    BIMFACE二次开发系列目录     [已更新最新开发文章,点击查看详细] 在BIMFACE二次系列博客中详细介绍了服务器端API的调用方式,如下列表 C#开发BIMFACE系列1   BIMFAC ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. oracle容器化docker解决方案
			
    Docker提供了轻量级的虚拟化,它几乎没有任何额外开销. 提供了一个从开发到上线均一致的环境. 开发效率:一是我们想让开发环境尽量贴近生产环境 二是我们想快速搭建开发环境   基于docker研发小 ...
    
			
    2. 
						
  2. 记录一次Quartz2D学习(二)
			
    (一)内主要就是讲了线条的绘制以及绘制状态的保存与恢复 本次就讲一些图形的画法 2 图形的绘制 2.1  三角形的绘制 :(就是绘制三条线) - (void)drawRect:(CGRect)rect ...
    
			
    3. 
						
  3. VS2015调试时没有启动IIS Express Web服务器 或者停止调试时 IIS Express 跟着关闭
			
    解决方法: 打开 解决方案资源管理器 -> 点选 Web 项目选择 -> 属性 -> Web "服务器"  去掉勾选"将服务器设置应道所有用户" ...
    
			
    4. 
						
  4. 基于corosync+pacemaker+drbd+LNMP做web服务器的高可用集群
			
    实验系统:CentOS 6.6_x86_64 实验前提: 1)提前准备好编译环境,防火墙和selinux都关闭: 2)本配置共有两个测试节点,分别coro1和coro2,对应的IP地址分别为192.1 ...
    
			
    5. 
						
  5. S5PV210_串行通信
			
    1.universal asynchronous reciver and transmitter 通用异步收发器 2.transmitter:由发送缓冲区和发送移位器构成.发送信息时,首先将信息编码( ...
    
			
    6. 
						
  6. IO流中将字节流转成字符流的方法
			
    //字节流--->字符流 1. public class TestIO { public static void main(String[] args) throws IOException { ...
    
			
    7. 
						
  7. 第10章 Shell编程（2）_字符截取命令
			
    2. 字符截取命令 2.1 cut字段提取命令(grep提取行,cut提取列) (1)cut命令:#cut [选项] 文件名 选项: -f 列号:提取第几列: -d 分隔符:按照指定分隔符分割列,默认 ...
    
			
    8. 
						
  8. 利用Oracle创建数据库
			
    本文仅用于学习交流,商业用途请支持正版!转载请注明:http://www.cnblogs.com/mxbs/p/6217151.html 数据库的创建 打开"所有程序"-" ...
    
			
    9. 
						
  9. C#通过属性名称获取(读取)属性值的方法
			
    之前在开发一个程序,希望能够通过属性名称读取出属性值,但是由于那时候不熟悉反射,所以并没有找到合适的方法,做了不少的重复性工作啊! 然后今天我再上网找了找,被我找到了,跟大家分享一下. 其实原理并不复 ...
    
			
    10. 
						
  10. C#调用天气查询服务
			
    先引入天气查询服务 1.有点引用导入服务引用 //实例化            web引用名.WeatherWebService cn = new web引用名.WeatherWebService() ...
    
			
    11.