当前位置: 首页 > Web前端 > vue.js

Chrome播放海康威视、大华、华为摄像头的RTSP码流,无需转码,延迟毫秒级,支持多路播放,H.264-H.265

时间:2023-03-31 22:35:08 vue.js

1.背景:如今,摄像头无处不在,它是在各种信息化、数字化、可视化的B/S系统中,往往需要集成实时视频流等功能。海康威视、大华、华为等厂商的摄像机或录像机等设备,普遍遵循监控行业标准,支持国际标准。主流传输协议RTSP输出,Chrome、Firefox、Edge等新一代浏览器自2015年起取消了NPAPI插件技术支持,不再支持RTSP原生播放。对于大多数没有视频处理经验的前后端工程师来说是很头疼的,但是对于做B/S系统集成的公司来说,如果招专职的研发人员来负责功能这个模块,成本高,而且不一定能做好。2、解决方案:目前网上有两种所谓的免插件方案,分别是后端转码前端播放方式和后端转码前端转码方案。免插件播放方案虽然可以播放画面,但往往延迟较高。基本上,它需要几秒钟。在一些对延迟敏感的场合,客户要求毫秒级的延迟,如果没有插件技术解决方案,这显然不能令人满意;而且首屏显示慢,基本要十几秒,导致切换播放源时看不到画面,用户体验很差;此外,没有插件化的技术方案,高负载的视频转码流服务需要在后端持续运行。如果需要在线播放的摄像头或终端太多,服务器压力会很大,经常会出现播放卡顿、花屏、黑屏、中断等现象,造成播放困难以满足客户。为了解决这些问题,相关的软硬件投入和持续的带宽占用往往让客户难以接受。现在越来越多的客户追求高端的视频播放效果,高清摄像头的使用也越来越多。1080P播放监视器已经属于低端,2K甚至4K大屏正在成为主流选择。这种无插件的技术方案,如果只能在中高端屏幕上播放蜗牛般慢的画面,很难不被客户吐槽。3、难点:一个好的视频流网页播放方案首先要能连续稳定播放多路视频,同时要支持H.264和H.265编码。核心是实现低延迟和快速切换屏幕,另一个是对目前主流版本的浏览器有很强的兼容性,开发接口丰富可定制。如果能开源或者使用一些免费开源的播放引擎就更好了。领域的应用越来越多,这是大势所趋。从系统集成商的角度来看,开源意味着有更多的自主可控机会来降低整个系统的实施风险。4、突破:针对目前行业痛点,袁师傅历时数年研发出具有专利保护技术的中间件产品。它在浏览器之上重新构建了一套插件程序系统,可以无缝嵌入到浏览器网页中运行,成功模拟了2015年以前Chrome、Firefox、IE等浏览器支持的ActiveX控件和NPAPI插件技术的运行效果。元大师中间件免费体验地址:http://www.yuanmaster.com/xia...5.优点:1.低延迟播放元大师VLC播放器程序是基于基于VLC的ActiveX控件开发的,完全封装了所有控件的接口调用到前端。同等条件下,延迟时间与VLC桌面程序播放一致,可支持多路播放。可以充分利用终端电脑的硬件加速(GPU)能力。在相同的硬件和网络条件下,延迟可以达到毫秒级,可以播放更多的视频源,支持更高的分辨率,达到更流畅的播放效果。所谓的免插件方案是完全没法比的。2、兼容性强兼容绝大部分浏览器,兼容Chrome、Edge、Firefox、IE、Opera、360、QQ等浏览器最低版本到最新版本;设备兼容性强,还支持海康、大华、宇视、华为等厂商的硬件设备只要能输出RTSP、RTMP、HLS、HTTP、TCP、UDP等流媒体协议,就可以使用可以直接播放;它们支持多种视频编码方式,无论是H.264还是H.265都可以同时支持播放。在一些使用WASM的非插件技术解决方案中,它们通常只支持H.265编码的视频流。在服务器转码方案中,编码的兼容性直接取决于该转码服务的实现。;几乎可以播放任何内容,依托著名的开源VLC播放引擎,支持文件、CD、相机、设备和流媒体可以直接播放MPEG-2、MPEG-4、H.264、H.265、MKV、WebM、WMV、MP3、MP4等文件,非插件技术方案往往只能播放有限的内容,如不支持本地文件播放,不支持高速播放;分辨率支持范围广,从480P到1080P,或者更高的2K或者4K,都可以轻松搞定,免插件方案从1080P开始,播放效果基本不尽如人意。3、丰富的功能核心无疑是播放功能,包括单路播放、多路播放、全屏播放、快速播放、慢速播放等,其中多路播放最多支持26分割-画面风格,总有一款适合你,当没有需要的分屏风格时,你也可以委托定制开发,也可以指定视频名称或指定时间段观看视频;图片抓取功能,定时批量抓取,支持保存指定本地路径或图片数据直接返回前端,图片质量等可控等,因为非插件方案无法访问本地文件系统无法直接抓拍图片并保存到本地,也不是基于视频的原始分辨率,因此无法保证图片质量;录音功能支持直接录音保存到本地MP4文件,免插件方案无法直接完成该功能,因为无法访问本地文件系统;支持弹幕和水印功能,实时播放状态提示等,免插件方案只能在服务器端先添加,不能对终端进行区分处理;语音对讲和云台控制,无插件方案基本没有这个功能;可通过定制设备厂商原生SDK功能实现人脸识别、车牌识别、展示框等个性化功能。4、您可以自定义元始大师网页播放小程序的播放分屏风格、中间件产品名称、公司信息等,并接受付费定制开发使用,实现个性化的播放效果。5、开源猿大师网页播放小程序,主要基于著名的开源播放引擎LibVLC开发。视频播放模块的后续服务有保障。播放小程序本身也支持客户付费购买源码,然后自行定制开发,达到源码级。自主可控。由于基于视频画面定制实现一些其他功能比较常见,比如人脸识别、车牌识别等,需要同时在画面中加入一些标识元素进行识别,也可以设计成自动在触发特定条件时捕获并保存图片。6.成本低由于在终端直接播放的技术方案,不需要服务器提供转码和流媒体支持,因此可以节省软硬件投资成本和持续带宽占用成本。7、简单可靠延续原有的插件播放技术路线,可实现平滑升级,前后端改造小,并提供VUE集成实例,集成简单,节省成本。1.猿师与大华官网延迟对比:https://www.bilibili.com/video...https://www.bilibili.com/video...2.同方威视官网猿猴VLC播放器与海康威视延迟对比:https://www.bilibili.com/video...https://www.bilibili.com/video...3.同时播放25路RTSP猿大师直播:https://www.bilibili.com/video...https://www.bilibili.com/video...