可参考：

使用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. IT软件技术人员的职位路线（从程序员到技术总监） - 部门管理经验谈
			
    以前写过一个文(IT从业者的职业道路(从程序员到部门经理) - 项目管理系列文章),主要介绍笔者的职业发展之路,不过该文需要后续了,因为笔者现在从事的是“产品经理”一职.从笔者的导航文([置顶]博文快 ...
    
			
    2. 
						
  2. centos编译安装mysql
			
    groupadd mysql #添加mysql组useradd -g mysql -s /sbin/nologin mysql #创建用户mysql并加入到mysql组,不允许mysql用户直接登录系 ...
    
			
    3. 
						
  3. tomcat安装后，本地可以访问，远程不能访问
			
    问题描述:tomcat安装后,在本地可以使用本地IP地址.localhost可以访问,但是在远程却不能访问. 使用工具:无. 解决方法:关闭服务器端的"公用网络防火墙"即可.
    
			
    4. 
						
  4. BZOJ 2818: Gcd [欧拉函数 质数 线性筛]【学习笔记】
			
    2818: Gcd Time Limit: 10 Sec  Memory Limit: 256 MBSubmit: 4436  Solved: 1957[Submit][Status][Discuss ...
    
			
    5. 
						
  5. click与 mousedown
			
    一.想做出鼠标右键 自己定义的菜单 则需要先使用 document.oncontextmenu= functions(){ event.preventDefault()//去除鼠标右键的默认格式 }  ...
    
			
    6. 
						
  6. Linux 进程与线程五
			
    pthread_self函数 pthread_t pthread_self(void); 一般会成功,返回当前线程的ID 注意:在子线程中执行exit()函数会退出整个进程,一般使用pthread_e ...
    
			
    7. 
						
  7. [LeetCode] Delete Node in a BST 删除二叉搜索树中的节点
			
    Given a root node reference of a BST and a key, delete the node with the given key in the BST. Retur ...
    
			
    8. 
						
  8. [LeetCode] Combination Sum 组合之和
			
    Given a set of candidate numbers (C) and a target number (T), find all unique combinations in C wher ...
    
			
    9. 
						
  9. 20145213《信息安全系统设计基础》实验一 Linux开发环境的配置
			
    北京电子科技学院(BESTI) 实 验 报 告 课程:信息安全系统设计基础 班级:1452 姓名: 黄亚奇 祁玮 学号:20145213 20145222 成绩: 指导教师:娄嘉鹏 实验日期:2016 ...
    
			
    10. 
						
  10. [筆記] Ubuntu Linux 使用 apt-get 指令移除軟體並清理遺留的垃圾
			
    This is come from    http://blog.lyhdev.com/2013/01/ubuntu-linux-apt-get.html 在 Ubuntu 下移除某個軟體套件,使用的 ...
    
			
    11.