可参考：

使用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. IOS 杂笔－9 （MD5 加密）
			
    首先是一段对MD5的简介 *出自一位大牛之手* Message Digest Algorithm MD5(中文名为消息摘要算法第五版)为计算机安全领域广泛使用的一种散列函数,用以提供消息的完整性保护  ...
    
			
    2. 
						
  2. web移动端开发技巧与注意事项汇总
			
    一.meta的使用 1.<meta name="viewport" content="width=device-width,initial-scale=1.0, m ...
    
			
    3. 
						
  3. 树莓派：raspberry pi 3b - NOOBS
			
    NOOBS - 多操作系统安装器,可以将不同支持树莓派的流行操作系统安装在一张SD卡中并提供一个启动管理工具,安装的不同操作系统相互独立,互不影响,是一种比较有意思的玩法. 从版本1.3.1开始到1. ...
    
			
    4. 
						
  4. centos6环境下搭建irc服务器
			
    问题描述 有时候逛技术社区,经常会发现有个叫IRC的东西存在,想搭建下看看到底是个什么东西 说明: 操作系统环境为CentOS6.5_64 安装irc服务器 通过yum进行安装,命令如下: yum i ...
    
			
    5. 
						
  5. Atitit.http代理的实现 代码java php c# python
			
    Atitit.http代理的实现 代码java php c# python 1. 代理服务器用途 代理服务器看成是一种扩展浏览器功能的途径.例如,在把数据发送给浏览器之前,可以用代理服务器压缩数据 调 ...
    
			
    6. 
						
  6. 统计分析中Type I Error与Type II Error的区别
			
    统计分析中Type I Error与Type II Error的区别 在统计分析中,经常提到Type I Error和Type II Error.他们的基本概念是什么?有什么区别? 下面的表格显示 b ...
    
			
    7. 
						
  7. Java 性能优化之 String 篇
			
    原文:http://www.ibm.com/developerworks/cn/java/j-lo-optmizestring/ Java 性能优化之 String 篇 String 方法用于文本分析 ...
    
			
    8. 
						
  8. PS切图(一)
			
    Photoshop界面设置 新建文件Ctrl+N,其中[预设]-[web],[宽度]-[1920],高度不定.[背景内容]-[透明],也可存储为预设. 移动设置(V) 建议不勾选[自动选择],选择[图 ...
    
			
    9. 
						
  9. Spring事务之详解--三种实现方式
			
    实现购买股票案例: 一.引入JAR文件: 二.开始搭建分层架构---创建账户(Account)和股票(Stock)实体类 Account: /* * 账户 */ public class Accoun ...
    
			
    10. 
						
  10. C# 带签名dll破解
			
    首先申明,本文只是从技术的角度来分析下怎样破解带签名的C#写的dll文件.大家如有遇到收费的软件或类库还是应该去购买正版,程序员何苦为难程序员呢. 不带签名的破解 不带签名的dll文件的破解很简单,通 ...
    
			
    11.