海康威视摄像头RTSP视频流嵌入到谷歌Chrome等WEB页面中实时播放方案(图文教程)-阿里云开发者社区

开发者社区> 李二白> 正文

海康威视摄像头RTSP视频流嵌入到谷歌Chrome等WEB页面中实时播放方案(图文教程)

简介: 近期在做一个智慧城市项目,要求将海康威视、大华等摄像头RTSP视频流在Chrome、Firefox、Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频。 小编了解很多不同的方案,目前市面上大部分是转码转流方案,不仅需要服务器支持,并且需要服务器不停的转码转流,如果多路同时播放或者播放高清视频,非常容易出现卡顿、花屏等情况,延迟更是高达数秒甚至数分钟,对于一些延迟要求较高的项目来说,这简直是灾难性后果。
+关注继续查看

近期在做一个智慧城市项目,要求将海康威视、大华等摄像头RTSP视频流在Chrome、Firefox、Edge等浏览器中播放,并且要求延迟必须要低,能到多低就多低,最好是实时视频。


小编了解很多不同的方案,目前市面上大部分是转码转流方案,不仅需要服务器支持,并且需要服务器不停的转码转流,如果多路同时播放或者播放高清视频,非常容易出现卡顿、花屏等情况,延迟更是高达数秒甚至数分钟,对于一些延迟要求较高的项目来说,这简直是灾难性后果。


想比较之下猿大师VLC播放程序是性价比最高的一个方案,通过猿大师的内嵌网页技术,底层调用VLC的ActiveX控件,可以实现在网页中内嵌播放多路RTSP的实时视频流,不用服务器转码转流,可以做到低延迟(300毫秒),支持H.264和H.265格式,兼容主流浏览器的老版本和最新版本。


下面小编用图文为大家介绍下体验步骤:


第一步:

载安装VLC桌面版播放器,如果不想安装任何程序,可以直接下载免安装的绿色版VLC播放器,解压缩就可以了,不用了可以直接删掉。


下载地址:


64位:http://download.videolan.org/pub/videolan/vlc/3.0.16/win64/vlc-3.0.16-win64.7z


32位:http://download.videolan.org/pub/videolan/vlc/3.0.16/win32/vlc-3.0.16-win32.7z

111.png


第二步:

下载猿大师中间件,同样我们也给不想安装的程序的同学准备了免安装的猿大师绿色版,下载地址:http://www.yuanmaster.com/xiazai/ 下载解压缩后运行:InstallWrl.bat 启动即可。

222.png


第三步:

启动猿大师后会有如下弹窗,包含UID等信息,请截图发给猿大师客服开通试用授权。

333.png


第四步:

打开猿大师VLC播放程序在线体验网试用:以全页面显示为例,首先点击连接,右侧会显示连接成功,如果没有成功,请确认本机83端口是否被占用,如果被占用。然后再把真实RTSP地址替换到下面蓝色区域,然后点击发送即可。


QQ截图20211011155524.png


如果没有测试用摄像头,可以从网上找公开的RTSP地址进行测试,小编找到一个(rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov),不太清晰,不过可以凑合用。


用猿大师的VLC播放程序与海康威视的官方网页播放器延迟对比下! (视频)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【双11背后的技术】阿里视频云ApsaraVideo是怎样让4000万人同时狂欢的
作者:蔡华  前言 在今年的双11中,双11天猫狂欢夜的直播成为一大亮点。   根据官方披露数据,直播总观看人数超4257万,同时观看人数峰值达529万,在云端实现了高计算复杂度的H.265实时转码和窄带高清技术。其实不光是双11,直播已经成为了2016年互联网最火爆的话题。除了内容的大规模
3977 0
从飞猪智能酒店到优酷视频,探索阿里智能研发协同流程
从测试发布痛点问题到技术解决方案,从技术方案到案例实践分享,从飞猪未来酒店的一站式研发流程到优酷App10人团队的敏捷项目,云效Work Like Alibaba社区第六期沙龙活动正式开始,阿里巴巴4位技术专家与你一起探索全新的发布测试,项目协作方式。
1886 0
Webpack 2 视频教程 005 - Webpack 编译输出日志
原文发表于我的技术博客 这是我免费发布的高质量超清「Webpack 2 视频教程」。 Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲解的。
922 0
【转载】视频CDN技术原理与流程说明
  视频CDN专为移动互联网视频内容分发量身定做的一套自主研发的分布式平台,该平台以深圳为中心,分布在全国各地BGP机房的服务器为边缘节点,汇聚中国电信、中国联通、中国移动、中国教育网等运营商网络资源,构建一个全国性的全网覆盖网络,将视频内容缓存或镜像到这些节点边缘服务器上,为不同地域的不同用户提供视频内容加速服务。
2033 0
fbh
Chrome浏览器强制刷新页面(不使用缓存)
在Chrome浏览器中按下F5或 Ctrl+F5 都没用,Chrome总是会强制使用页面缓存进行刷新,如何不使用页面缓存进行刷新? Chrome官方推荐使用如下快捷键,就可以不使用页面缓存进行刷新 Windows和Linu...
3619 0
Case 6 FreeSwitch 对接 RTSP 和 RTMP视频
FreeSwitch 对接 RTSP 和 RTMP视频
220 0
CyberTeam宣称已攻破视频聊天软件Skype,下一个是游戏平台Steam
本文讲的是CyberTeam宣称已攻破视频聊天软件Skype,下一个是游戏平台Steam,近日,据外媒报道称,一个自称为“CyberTeam”的网络犯罪组织声称策划了一场DDoS攻击活动,致使全球多个国家的Skype服务瘫痪,用户无法使用该服务。
1074 0
+关注
4
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载