可参考：

使用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. Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解
			
    转载:http://freeloda.blog.51cto.com/2033581/1288553 大纲 一.前言 二.环境准备 三.安装与配置Nginx 四.Nginx之反向代理 五.Nginx之负 ...
    
			
    2. 
						
  2. Oracle学习笔记七 锁
			
    锁的概念 锁是数据库用来控制共享资源并发访问的机制. 锁用于保护正在被修改的数据 直到提交或回滚了事务之后,其他用户才可以更新数据 对数据的并发控制,保证一致性.完整性.
    
			
    3. 
						
  3. 【Linux命令】文件和目录操作命令
			
    本文主要用于常用命令的备忘,具体用法可用man查看,或查询其他资料. cd:改变工作目录 ls:列出目录的内容 mkdir:创建一个目录 cat:连接并显示指定的一个和多个文件的有关信息 cp:将给出 ...
    
			
    4. 
						
  4. 杂项之图像处理pillow
			
    杂项之图像处理pillow 本节内容 参考文献 生成验证码源码 一些小例子 1. 参考文献 http://pillow-cn.readthedocs.io/zh_CN/latest/ pillow中文 ...
    
			
    5. 
						
  5. 解决子元素设置margin-top，效果到父元素上的问题
			
    有时当我们设置子元素的margin-top,但是却发现子元素没有出现上外边距的效果,反而是父元素出现了上外边距的效果. 这种问题的解决方法如下: 1.给父元素加边框. 2.给父元素设置padding- ...
    
			
    6. 
						
  6. CentOS 7.0系统安装配置步骤详解
			
    CentOS 7.0系统是一个很新的版本哦,很多朋友都不知道CentOS 7.0系统是怎么去安装配置的哦,因为centos7.0与以前版本是有很大的改进哦. 说明: 截止目前CentOS 7.x最新版 ...
    
			
    7. 
						
  7. [LeetCode] Find the Difference 寻找不同
			
    Given two strings s and t which consist of only lowercase letters. String t is generated by random s ...
    
			
    8. 
						
  8. [LeetCode] Wiggle Sort II 摆动排序
			
    Given an unsorted array nums, reorder it such that nums[0] < nums[1] > nums[2] < nums[3]... ...
    
			
    9. 
						
  9. [LeetCode]  Convert Sorted List to Binary Search Tree 将有序链表转为二叉搜索树
			
    Given a singly linked list where elements are sorted in ascending order, convert it to a height bala ...
    
			
    10. 
						
  10. [LeetCode] Search Insert Position 搜索插入位置
			
    Given a sorted array and a target value, return the index if the target is found. If not, return the ...
    
			
    11.