文档章节

谷歌浏览器Chrome播放rtsp视频流解决方案

yizhichao
 yizhichao
发布于 2017/09/01 14:46
字数 576
阅读 188
收藏 1

代码中的具体参数含义,大家可以移步这里:

https://wiki.videolan.org/Documentation:WebPlugin/

 

找半天,HTML5的可以支持RTMP 但是无法播放RTSP,flash也止步于RTMP,最后同事推荐了个开源的好东东 VLC ,请教谷歌大神之后,这货果然可以用来让各浏览器(IE activex方式,谷歌、FF)实现播放RTSP视频流,那真是极好的~~ 废话不多说了附上参考文档和案例,大家自己看吧。

视频是用的海康网络摄像头(支持RTSP,标准H.264 RTP封装的设备),可以通过 rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream  对摄像头进行读取RSTP流。在谷歌浏览器下实现web显示实时监控画面步骤:

1. 下载vlc -  http://www.videolan.org/vlc/  开源的好东西,并安装(本人测试系统为WIN8.1 64bit 下载32bit的就可以,XP也没问题);

2. 安装,并勾选Mozila支持;

3. 实时播放代码如下

复制代码

<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410">
    <param name='mrl' value='rtsp://admin:12345@192.168.10.235:554/h264/ch1/main/av_stream' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
    <param name='controls' value='false' />
</object>

复制代码

代码中的具体参数含义,大家可以移步这里:

https://wiki.videolan.org/Documentation:WebPlugin/

说明文档很详细,可以使用js进行各种操作,修改视频地址、建立播放列表、暂停、播放、音量控制等。

 

 

 

具体步骤:

 

1.      仿照http://download.csdn.net/detail/haowenxin123456789/8044245 中步骤;

2.      从http://www.videolan.org/vlc/index.html  中下载 vlc-2.2.1-win32.exe 并安装到D:\\ProgramFiles文件夹下;

3.  运行:regsvr32  D:\\ProgramFiles\\VideoLAN\\VLC\\axvlc.dll ;

4.  test.html 文件代码如下:

<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='http://g3.ykimg.com/0130391F455321692EC42C1496BCB33029ABCB-A4FF-A71D-EC9C-063ED7327684' />  
          <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://218.204.223.237:554/live/1/0547424F573B085C/gsfp90ef4k0a6iap.sdp' />  
        <param name='volume' value='50' />  
        <param name='autoplay' value='true' />  
        <param name='loop' value='false' />  
        <param name='fullscreen' value='false' />  
    </object>  
<!--<![endif]-->  
</body  
</html>  


在IE浏览器中打开test.html即会播放实时的rtsp视频流。

© 著作权归作者所有

共有 人打赏支持
yizhichao

yizhichao

粉丝 14
博文 419
码字总数 312953
作品 0
南京
程序员
Facebook视频支持AV1

Facebook尝试在自己的视频服务中使用AV1编码,并通过“切片+分布式”的方式解决AV1编码延迟的问题。LiveVideoStack对文章进行了翻译。 文 / Daniel Baulig,Yu Liu 译 / 蒋默邱泽 审校 / 包研...

LiveVideoStack
04/29
0
0
谷歌将开始在Chrome浏览器中禁止视频自动播放声音

谷歌正在一步步解决Chrome浏览器遇到的站点自动播放视频及音频的问题,在4月发布的Chrome 66版本中,谷歌已经将带声音的视频自动播放默认禁止。只有用户点击或点按网站后媒体不播放声音或者(...

稿源:
05/04
0
0
谷歌推浏览器插件将IE变为Chrome

http://www.sina.com.cn 2009年09月23日 08:53 新浪科技 新浪科技讯 北京时间9月23日早间消息,据国外媒体报道,谷歌今天宣布推出一款新的浏览器插件Chrome Frame(新浪下载 ),这款插件可以在...

晨曦之光
2012/03/09
0
0
微软“赛马”:既当裁判又当选手只为推广自家的 Edge

在 Google Chrome 和 Mozilla Firefox 的激烈竞争之下,微软终于抛开 Internet Explorer 并另起炉灶。 作为 Windows 10 操作系统中的默认浏览器,微软一直希望 Edge 能够吸引到更多的用户。为...

局长
05/25
0
14
让我们先来瞧瞧Chrome 69 的新功能

导读 理论上 Chrome 68 稳定版本才刚推出不久,69 版本应该还要等上一阵子才能用上,但日前 Android Police 却已经抢先将 beta 测试版 Chrome 69 的 APK 拆解分析,让大伙能提前一睹 Google...

问题终结者
08/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

权限框架Shiro学习之表结构设计

权限框架Shiro学习之表结构设计 Shiro是一款优秀的开源安全框架,学习Shiro大家可以参考张开涛老师的博客:跟我学Shiro,当然也可参考我之前的笔记:Shiro实现身份认证、Shiro实现授权。 在学...

TyCoding
34分钟前
1
0
find命令和文件名后缀

9月18日任务 2.23/2.24/2.25 find命令 2.26 文件名后缀 which which 搜索可执行文件,必须在PATH环境变量目录中!!否则无法搜到! [root@centos7 ~]# which lsalias ls='ls --color=auto'...

robertt15
38分钟前
1
0
阿里Java程序员必备的Intellij IDEA 插件

善用Intellij插件可大幅提升我们的效率,以下是我用过不错的Intellij插件,分享给大家希望能帮到大家。 1. .ignore 生成各种ignore文件,一键创建git ignore文件的模板,免得自己去写 2. lom...

我是你大哥
48分钟前
1
0
为什么Java大神,都在看Spring Boot和Spring Cloud的书?

如果你是一名Java开发人员,并且最近正打算学习Spring Boot和Spring Cloud框架并寻找一些关于它们的最好的书籍,那么,你今天就来对地方了。 本文,我们将讨论一些学习Spring Boot和Spring ...

Java小铺
今天
12
0
springboot logback日志配置

springboot 如果不使用外部tomcat的话,日志是需要自己配置的,不然的话就只有控制台的日志,但是日志又是我们在项目上了生产环境,出问题时,检查问题的唯一途径,所以我们要配置详细的日志...

曾大大胖
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部