文档章节

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

yizhichao
 yizhichao
发布于 2017/09/01 14:46
字数 576
阅读 127
收藏 1
点赞 0
评论 0

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

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

粉丝 13
博文 383
码字总数 286439
作品 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
RDP连接远程桌面,Chrome浏览器下声音不流畅的原因

使用RDP协议连接远程桌面时,用Google Chrome浏览器听音乐和观看视频,输出的声音会间隙停顿,效果不佳。原因是Chrome浏览器缺省集成的Pepper Flash插件不能很好的兼容RDP协议。请按一下步骤...

yangtzi
06/26
0
0
Chrome常用URL命令(伪URL)

在Chrome地址栏输入chrome://chrome-urls/可以看到所有的Chrome支持的伪RUL 1、chrome://accessibility/ 可达性分析,默认是关闭的,点击accessibility off后变成accessibility on|show acc...

easonjim
2017/11/22
0
0
OpenGG.Clean.Player{喜歡看視頻用戶強推}

强力清除各大视频网站#60S #45S 欠揍的广告爱看视频有讨厌看广告的用户绝佳插件, 又一个典型的用技术撼动 Big Company 的故事,又或者不知道能生存多久。犹豫了很久,推荐出来。(@sfufoet ...

Hackintosh
2013/02/11
0
7
Chrom查看Flash缓存文件及Flash下载方法

比如在优酷看视频时,或者熊猫直播,如果使用Flash进行播放的基本都会先缓存在本地,只不过这个缓存的名字后缀不叫flv,而是类似tmp这样;通常只要找到这个缓存文件,然后改为flv即可播放;如...

easonjim
2017/05/03
0
0
鹅厂优文|打通小程序音视频和webRTC

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:腾讯视频云终端技术总监常青, 2008 年毕业加入腾讯,一直从事客户端研发相关工作,先后参与过 PC QQ、手机QQ、QQ物联 等产...

腾讯云加社区
05/04
0
0
getUserMedia()获取流失败的原因查询及解决

Chrome 47以后,getUserMedia API只能允许来自“安全可信”的客户端的视频音频请求,如HTTPS和本地的Localhost。 例如:https://192.168.1.2:8080… localhost是唯一不用https的域名。 因此,...

疯狂的逍遥
06/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Android 复制和粘贴功能

做了一回搬运工,原文地址:https://blog.csdn.net/kennethyo/article/details/76602765 Android 复制和粘贴功能,需要调用系统服务ClipboardManager来实现。 ClipboardManager mClipboardM...

她叫我小渝
10分钟前
0
0
拦截SQLSERVER的SSL加密通道替换传输过程中的用户名密码实现运维审计(一)

工作准备 •一台SQLSERVER 2005/SQLSERVER 2008服务 •SQLSERVER jdbc驱动程序 •Java开发环境eclipse + jdk1.8 •java反编译工具JD-Core 反编译JDBC分析SQLSERVER客户端与服务器通信原理 SQ...

紅顏為君笑
26分钟前
4
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
43分钟前
0
0
linux mint 1.9 qq 安装

转: https://www.jianshu.com/p/cdc3d03c144d 1. 下载 qq 轻聊版,可在百度搜索后下载 QQ7.9Light.exe 2. 去wine的官网(https://wiki.winehq.org/Ubuntu) 安装 wine . 提醒网页可以切换成中...

Canaan_
今天
0
0
PHP后台运行命令并管理运行程序

php后台运行命令并管理后台运行程序 class ProcessModel{ private $pid; private $command; private $resultToFile = ''; public function __construct($cl=false){......

colin_86
今天
1
0
数据结构与算法4

在此程序中,HighArray类中的find()方法用数据项的值作为参数传递,它的返回值决定是否找到此数据项。 insert()方法向数组下一个空位置放置一个新的数据项。一个名为nElems的字段跟踪记录着...

沉迷于编程的小菜菜
今天
1
1
fiddler安装和基本使用以及代理设置

项目需求 由于开发过程中客户端和服务器数据交互非常频繁,有时候服务端需要知道客户端调用接口传了哪些参数过来,这个时候就需要一个工具可以监听这些接口请求参数,已经接口的响应的数据,这种...

银装素裹
今天
0
0
Python分析《我不是药神》豆瓣评论

读取 Mongo 中的短评数据,进行中文分词 对分词结果取 Top50 生成词云 生成词云效果 看来网上关于 我不是药神 vs 达拉斯 的争论很热啊。关于词频统计就这些,代码中也会完成一些其它的分析任...

猫咪编程
今天
0
0
虚拟机怎么安装vmware tools

https://blog.csdn.net/tjcwt2011/article/details/72638977

AndyZhouX
昨天
1
0
There is no session with id[xxx]

参考网页 https://blog.csdn.net/caimengyuan/article/details/52526765 报错 2018-07-19 23:04:35,330 [http-nio-1008-exec-8] DEBUG [org.apache.shiro.web.servlet.SimpleCookie] - Found......

karma123
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部