WEB页面实时播放海康、大华等摄像头RTSP视频流完全方案
一、背景
在遍地都是摄像头的今天,往往需要在各种信息化、数字化、可视化B/S系统中集成实时视频流播放等功能,海康、大华、华为等厂家摄像头或录像机等设备一般也都遵循监控行业标准,支持国际标准的主流传输协议RTSP输出,而Chrome、Firefox、Edge等新一代浏览器从2015年开始取消了NPAPI插件技术支持导致RTSP流无法直接原生播放了,这对于绝大部分没有视频处理经验的前、后端工程师来说是一个非常头疼的问题,专业性强,技术门槛高,而对做B/S信息化系统集成的公司来说,为了这个模块的功能单独招聘专职研发人员来负责的话,成本高昂不说,还未必做的好。
二、现状
当前主流版本浏览器已经都不支持原生播放RTSP流,而且浏览器厂家也明确宣布不考虑支持的情况下,为了在全终端和全平台播放RTSP流,一般来说就只能采取在后端先转码再转流给前端播放的方案,这也是号称无插件的技术方案。而对于终端硬件配置较好的场景,也可以采用在后端转流到前端,前端再通过WASM程序转码播放的方案,但IE并不支持。转码到前端时,即使配置了性能不错的电脑,还受限于WASM的固有缺陷,比如多线程支持差、能使用的内存始终受限、只能软解码等,无法充分利用终端电脑的硬件加速能力(GPU),这就导致同时播放多路或高清RTSP流时也会比较吃力,而且大量占用终端电脑的CPU和内存资源,其它操作基本无法进行,对音视频格式的兼容能力也很有限。
虽然无插件播放方案能够播放出画面,但是往往延迟很高,基本上都在数秒之久,在一些对延迟敏感的场合客户要求毫秒级延迟,显然无插件技术方案是无法满足的;而且首屏画面显示慢,基本上是数秒级别,这就导致切换播放源时迟迟看不到画面出来,用户体验很差;况且无插件技术方案,需要在后端持续运行高负荷运转的视频转码转流服务,如果摄像头路数多或需要在线播放的终端比较多,服务器的压力就会很大,播放卡顿、花屏、黑屏、断播等现象就会时常出现,很难让客户满意。为了解决这些问题,相关硬件、软件的投入和持续不断的带宽占用往往也让客户难以接受。现在越来越多的客户追求高大上的视频播放效果,采用高清摄像头的越来越多,播放显示器1080P已是低配,2K甚至4K大屏正在成为主流之选。这种无插件技术方案,在中高配的屏幕上如果只能播放出慢如蜗牛的画面,想不让客户吐槽实在是太难了。
一个好的视频流网页播放方案,首先要能做到持续稳定播放多路视频,需同时支持H.264和H.265编码,最核心的还是要做到低延迟、切换画面快,另外就是对当前主流版本的浏览器兼容能力要强,还有就是开发接口丰富并可定制,如果还能做到开源或采用免费开源的主流播放引擎,那就最好不过了,毕竟开源在商业领域的应用越来越多,是个大趋势,从系统集成商的角度来说,开源意味着有更多的自主可控机会来降低整个系统的实施风险。
三、最终
猿大师针对当前行业痛点研发出了具有专利技术的猿大师中间件产品,成功突破了浏览器收紧其插件技术的限制,在浏览器之上重新搭建了一套外接程序系统并可无缝嵌入浏览器网页运行,成功模拟了2015年之前Chrome、Firefox、IE等浏览器支持的ActiveX控件和NPAPI插件技术运行效果,是原来采用了跨浏览器插件框架FireBreath的最佳替代技术方案。在2020年发布了基于猿大师中间件的VLC网页播放小程序,基本完成网页中低延迟稳定播放多路视频流的方案拼图,已经在一些客户现场成功实施,赢得了客户的一致好评。友情提醒:猿大师中间件是此领域全球实现商用的成熟中间件,技术实现方案在2019年就申请了中国软件发明专利保护,请大家注意识别仿冒或抄袭者,选择那些冒牌货不仅仅会因为其产品不成熟对您造成巨大损失不说,还有侵犯本公司知识产权的巨大风险!
猿大师免费下载试用地址:下载试用_猿大师http://www.yuanmaster.com/xiazai/
四、特点
1.低延迟播放
从播放性能上说,摄像头和录像机的硬件厂家提供的私有协议播放方式无疑是最快的,延迟可做到100-300毫秒级,其次是RTSP协议流播放,大致是200-500毫秒级,再次是无插件方案的转码流,优化比较好的单路播放大致在1-3秒级。猿大师近期发布的海康网页播放小程序,除了支持海康设备的私有协议直接播放之外,还内置了格式兼容更好的MP4播放库和网络兼容能力强大的LibVLC开源播放引擎。2020年发布的VLC网页播放小程序,基于VLC的ActiveX控件开发,完整封装了控件的所有接口给前端调用,在同等条件下,延迟时间和VLC桌面程序播放保持一致,并可支持多路组合实现分屏播放。
2.兼容性强
- 绝大部分浏览器兼容,同时兼容Chrome、Edge、Firefox、IE、Opera、Electron、Vivaldi、Brave、360、QQ等浏览器的低版本到最新版都可以使用;
- 设备兼容性强,同时支持海康、大华、宇视、华为等厂家的硬件设备,只要能输出RTSP、RTMP、HLS、HTTP、TCP、UDP等流媒体协议,就可以直接播放;
- 支持多种视频编码方式,不管是H.264还是H.265都可以同时支持播放,在一些采用WASM的无插件技术方案中,往往只支持H.265编码的视频流,服务器转码方案中,编码兼容能力直接依赖这个转码服务的实现;
- 几乎能播放任何内容,依托开源的VLC著名播放引擎,支持文件、光盘、摄像头、设备及流媒体可直接播放MPEG-2, MPEG-4, H.264, H.265, MKV, WebM, WMV, MP3, MP4等文件,而无插件技术方案往往能播放的内容有限,比如不支持本地文件播放,不支持高速播放;
- 分辨率支持范围广,从480P到1080P,还是更高的2K或4K,都能轻松应对,无插件方案从1080P开始,播放效果基本上就差强人意了。
3.功能丰富
- 最核心的无疑是播放功能,包含单路播放、多路播放、全屏播放、快播、慢播等等,其中多路播放分屏风格支持多达26种,总有一款适合您,没有需要的分屏风格时也可以委托定制开发,还有指定视频名称或指定时间段回看视频等;
- 抓图功能,定时批量抓、支持保存指定本地路径或图片数据直接返回前端、图片质量可控制等,无插件方案由于无法访问本地文件系统是无法抓图直接保存到本地的,也不是基于视频原有分辨率进行抓取,图片质量无法保证;
- 录像功能,支持直接录像保存到本地MP4文件,而无插件方案由于无法访问本地文件系统,自然也无法直接完成此功能;
- 弹幕及水印功能,播放状态实时提示等支持,无插件方案基本只能在服务器端先行添加,无法针对终端区别对待;
- 语音对讲及云台控制,无插件方案基本无此功能;
- 人脸识别、车牌识别并显示画框等个性化功能,可通过定制设备厂家原生SDK功能实现。
4.集成简单
延续原有插件播放技术路线,可实现平滑升级,前后端改造小,提供VUE集成范例,集成简单,节省成本。
五、优势
借助猿大师中间件独特的专利技术,相对于无插件播放方案来说,具有无可替代的技术优势,具体表现如下:
- 可充分利用终端电脑硬件加速能力(GPU),在同等硬件、网络带宽及流输出条件下,延迟可做到毫秒级,可播放更多视频源、支持更高的分辨率、实现更流畅的播放效果。
- 播放程序可直接调用操作系统及硬件厂家提供的原生播放功能,也可以调用其它程序模块,不受浏览器的限制,实现丰富的个性化播放功能。这个优势或许有人认为也是缺点,比如有安全隐患,其实对于企业的各种业务系统来说,都是需要经过充分测试才会上线,而猿大师中间件承诺本身无任何病毒或木马行为,不会有未授权的网络请求行为,也提供了运行过程中的安全调用验证机制,即使未授权的第三方拿到了播放小程序的开发接口,没有经过安全验证也是无法请求播放的,一定程度上解决了浏览器原有插件技术不安全的缺陷。安全问题关键是具体如何看待,其实B/S等各种系统前端代码的运行在浏览器厂家看来,其实就是裸奔的状态,只要浏览器厂家想要获取前端代码中的敏感信息,从技术角度完全没有任何问题,相反的是,通过猿大师的技术方案,浏览器可获得的信息反而受限,除非和操作系统开发商一起配合来进行才有可能。
- 猿大师中间件不依赖浏览器的插件和扩展技术支持,浏览器的升级不会导致技术方案失效,通讯技术采用国际标准的WebSocket技术,数据采用主流的JSON打包,通用性强。
- 猿大师中间件提供了前端可调用的自动升级中间件或小程序的机制,解决了传统C/S系统升级终端软件的大难题,具有了和B/S接近的分发便利优势。
1.猿大师与大华官方网页延迟对比:
用猿大师VLC播放程序与大华官方网页播放器同时在高版本Chrome中播放RTSP视频流延迟效果对比,结果令人惊讶!
2.猿大师VLC播放程序与海康威视官方网页延迟对比:
海康威视摄像头RTSP视频流在高版本谷歌Chrome零延迟播放效果演示视频
3.猿大师VLC播放程序VUE测试页面效果演示:
在VUE中实时多路同时播放海康威视RTSP视频流,兼容Chrome、Firefox等浏览器
WEB页面实时播放海康、大华等摄像头RTSP视频流完全方案相关推荐
- 读取多个(海康\大华)网络摄像头的视频流 (使用opencv-python),解决实时读取延迟问题
实时读取视频流(封面使用五个摄像头是因为我手头最多只有五个),解决实时读取延迟卡顿问题 做计算机视觉的算法开发,可能会碰到实时获取图像并处理的问题,我写了一个简单的实例,可以实时读取多个网络摄像头.运 ...
- 海康大华等摄像头RTSP低延迟(1秒以内)网页无插件播放解决方案
简介 监控摄像头网页无插件播放解决方案虽然很多,但是或多或少会有一定的延迟,其中网上使用最多的是RTSP转RTMP推流的方式,这种延迟一般十秒左右,优化的好的话能达到五秒,但是依旧算不上实时.本文提供 ...
- 在谷歌Chrome上用VLC低延迟(300毫秒)播放播放海康大华RTSP
一.历史背景 在遍地都是摄像头的今天,往往需要在各种B/S信息化系统中集成视频播放功能,海康.大华.华为等大厂摄像头遵循监控行业标准,一般只支持RTSP传输协议,而Chrome.Firefox.Edg ...
- 如何在VUE框架的WEB端实时播放海康威视、大华RTSP视频流 ?
背景 如果你问一个前端技术人员,近几年最火的前端框架技术是什么,肯定会有人说VUE,确实VUE凭借其简单特性赢得了大家的喜爱,而近期公司有个项目,需要在VUE框架网页上播放RTSP实时视频. 小编对目 ...
- 海康|大华网络摄像机RTSP URL格式组成及参数配置
经常有开发者咨询我们关于海康.大华网络摄像机RTSP url拼接规则和相关参数配置,虽然很简单,考虑到资料不全,写个博客记录下: 1. 海康摄像机: 在IE浏览器输入网络摄像机的IP地址,输入配置的用 ...
- 海康大华网络摄像头高起播低延时RTSP网页无插件流媒体专用播放器EasyPlayer-RTSP之GDI和D3D两种视频渲染方式的区别介绍
GDI和D3D两种视频渲染方式的区别 EasyPlayer-RTSP windows播放器支持D3D和GDI两种渲染方式. D3D支持格式如下: DISPLAY_FORMAT_YV12 DISPLAY ...
- 安防RTSP协议摄像头实现WEB端无插件直播流媒体服务EasyNVR实现海康大华宇视摄像头网页播放的方法
背景分析:微信直播的兴起 进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. Easy ...
- RTSP安防网络摄像头/海康大华硬盘录像机/NVR网页无插件低延时播放流媒体服务器EasyNVR页面显示网络请求失败问题
进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. 青犀团队研发的EasyNVR核心在 ...
- 海康大华等安防摄像机采用通用RTSP协议流转RTMP推送至Web无插件播放展示的流程方法
行业现状 中国互联网化的进程已经越来越快了,各个行业都在进行着互联网化的改造,流媒体.音视频,作为跑在互联网上最大量级的数据类型,其从编码方式到传输协议到终端兼容都成为各家标准抢占的高点,RTMP.H ...
- 基于activex插件的海康大华网页版的播放(一)
研一下学期开学一个月内,完成了海康大华网页版的播放器,其实就是在web端调用基于activex控件做的MFC插件.先看一下效果图: 项目需求:做一个网页版的能够播放海康.大华等通用设备的实时流的播放器 ...
最新文章
- AI视频行为分析系统项目复盘——技术篇4:deepsort原理图
- 一款实用可行的支付系统,专供互联网企业使用,赶紧收藏了!
- python类型转换-Python中如何进行数据类型转换?
- sql 2008数据库日志清理(转)
- 所想即所得 运维进行时
- 命令行下mysql新建用户及分配权限
- 基于JavaFX实现的数据库学生管理系统
- Mysql如何新建一个服务和移除所新建的服务
- Pycharm运行项目代码时输入可选参数
- 凭据分配没有加密oracle_远程连接身份验证错误,又找不到加密Oracle修正
- 针对卡巴斯基2010的免杀研究
- html语言隔开的代码,2、HTML(示例代码)
- 【ELM预测】基于蝴蝶算法优化极限学习机预测附matlab代码
- unison 安装使用
- MyBatisPuls入门案例
- QQ被盗后,如何找回好友
- 前端开发工具WebStorm下载
- HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理
- Python 将图片合成视频
- 用ChatGPT可以去微博做个大V了(狗头)
热门文章
- android 高音质 播放器,安卓音质最强音乐播放器—Rockbox
- Google搜索从入门到精通 v4.0
- 7大前端项目速览!非一线城市也吃香!
- 反三角函数在线计算机,反三角函数(反正弦,反余弦,反正切,反余切,反正割,反余割)在线计算器_三贝计算网_23bei.com...
- excel2016html,excel2016打开不显示内容《2016版本的excel表格》
- 最简单的的树莓派安装opencv教程(一键安装)
- c语言中cnt用法,如何使用PLC计数器(CNT)指令
- oppo手机快速截屏的方法
- ubantu卸载MySQL数据库
- opera档案学习(一)