产品及解决方案

主页 > 产品及解决方案 >Chrome、Firefox等浏览器低延迟播放海康、大华RTSP解决方案

Chrome、Firefox等浏览器低延迟播放海康、大华RTSP解决方案

方案介绍

一、方案概述


猿大师中间件搭配VLC内嵌网页播放程序,借助猿大师提供的内嵌网页播放技术,底层调用VLC的ActiveX控件(需安装VLC桌面客户端)可实现在主流浏览器网页中内嵌播放多路RTSP的实时视频流,其核心技术方案同时申请了国家软件发明专利及软件著作权,并广泛应用于公安、交通、安防、水利、物联网等领域。


二、方案优势:

    1、在支持主流版本浏览器的前提下,是当前市场中可实现低延迟(300毫秒)的成熟播放方案;
    2、支持多路同时播放、动态切换播放源、支持回放、字幕、水印、录像及抓图,尤其是高分辨率视频或大屏播放体验好;
    3、底层播放技术采用VLC的开放源代码方案,播放器后续服务有保障,播放格式兼容好,同时支持H.264和H.265无压力;
    4、VLC网页播放小程序额外付费后可获得其源代码进行定制开发,自主可控;
    5、支持海康威视、大华、华为等各厂家的摄像头,支持内网,只要能提供标准的RTSP流,都可以播放;
    6、前端代码接口丰富、集成简单,支持VUE等主流框架,简单JS调用即可完成集成;
    7、移动端可直接采用VLC开放源代码的APP来使用,无需单独开发,投入少见效快;
    8、此技术方案可实现在原有技术体系下的平滑升级,降低了方案大改造带来的技术路线和延期交付风险,可节省大量研发成本。
 

三、免费体验:


第一步:下载猿大师试用版,下载点=》这里  ,安装后联系客服开通试用。客服QQ:点击这里给我发消息 电话Chrome、Firefox等浏览器低延迟播放海康、大华RTSP解决方案(图2)(微信同号)

               相关链接:1.如何安装猿大师中间件? http://www.yuanmaster.com/wenda/9.html
                                 2.如何卸载猿大师中间件? http://www.yuanmaster.com/wenda/65.html
                                 3.如何开通猿大师中间件试用授权? http://www.yuanmaster.com/wenda/39.html

第二步:打开VLC内嵌网页播放程序试用网址体验。

              HTTP网页在线测试:
              单路全页面显示:http://test.yuanmaster.com/vlcwebfull.html
              多路局部显示:http://test.yuanmaster.com/VLCWebPlayer.html

              VUE网页在线测试:
              多路全功能测试:http://test.yuanmaster.com/VLC/#/

              相关链接:1.VLC播放网页程序如何体验http://www.yuanmaster.com/wenda/107.html

                                2.VLC网页播放程序开发文档http://www.yuanmaster.com/kaifa/24.html
                                3.VLC网页播放程序常见问答http://www.yuanmaster.com/wenda/73.html
                                
四、视频演示

              1.猿大师VLC播放程序与VLC原生播放器延迟对比https://www.bilibili.com/video/BV1Sr4y117v8/

              2.猿大师VLC播放程序与大华官方网页延迟对比https://www.bilibili.com/video/BV1ff4y1j7qg/


              3.猿大师VLC播放程序与海康威视官方网页延迟对比https://www.bilibili.com/video/BV1mr4y127oX/


五、功能列表:

     

Chrome、Firefox等浏览器低延迟播放海康、大华RTSP解决方案(图3)


六、方案对比:


方案1. 服务器转流前端转码方案2. 服务器转码转流再转码方案3. VLC原生播放插件4. 猿大师内嵌VLC原生播放程序
实现原理

服务器端先把RTSP流用Web Socket或WebRTC推送到前端,再通过WASM转码MP4播放。

服务器端先把RTSP流转FLV后,再用Web Socket或WebRTC推送到前端,然后再转为MP4播放。

2015年前,Chrome、Firefox等浏览器支持的NPAPI插件可以调用VLC原生控件直接播放RTSP。

通过猿大师提供的内嵌网页播放技术,底层调用VLC原生ActiveX控件,实现在网页中播放多路RTSP的视频流。

兼容浏览器部分浏览器(不支持IE)绝大部分主流浏览器2015年以前IE、Chrome等浏览器绝大部分主流浏览器
安装插件不需要不需要需要需要
服务器需要需要不需要不需要
支持格式主要支持H.265格式取决于服务器转码类型

支持大多数多媒体文件,支持H.264和H.265格式,兼容大部分摄像头。

支持大多数多媒体文件,支持H.264和H.265格式,兼容大部分摄像头。

延迟2-3秒2-3秒200毫秒-500毫秒200毫秒-500毫秒
优势跨平台,兼容移动端跨平台,兼容移动端

1.低延迟,一般在300毫秒左右;
2.直接调用VLC播放器控件,VLC开源、稳定、强大,被称为是最好用的媒体播放器之一。
3.不需要转码转流服务器,节省服务器宽带等成本。
4.播放高清或h.265格式视频友好,支持多路同时播放。
5.移动端直接采用VLC移动端APP,无需单独开发。

1.低延迟,一般在300毫秒左右;
2.独立于浏览器的外接系统,不用担心浏览器升级导致不能使用;
3.底层调用VLC播放器控件,开源、稳定、强大,被称为最好用的媒体播放器之一;
 4.支持H.264和H.265格式视频,同时多路同时播放或播放高清视频无压力;
5.不需要转码转流服务器,节省服务器宽带成本。
6.移动端直接用VLC移动端APP,无需单独开发。
7.技术已申请专利,其他同类型方案均为模仿。

劣势

1.依赖WASM技术,只能软解码播放,延迟高,首屏画面慢;

2、播放高清或多路视频,容易花屏或卡顿;

3.把转码过程转移到终端电脑,CPU及内存压力大,无法再做其他事情;

4、不支持水印、字幕、本地录像及抓图等功能。


1.服务器需要始终高负荷运转,CPU和内存消耗大,长期使用成本很高;

2.需要转码两次,延迟可高达数秒,首屏画面慢,体验差;

3.播放多路视频、高清视频,容易花屏或者卡顿。


1.不支持2015年之后的Chrome、Firefox等高版本浏览器。
2.需要安装VLC播放器

1、需要安装VLC播放器和猿大师中间件。(可以整合打一个包部署,客户更容易接受);

2、不支持跨平台,仅支持Windows系统;

3、不支持移动端网页,推荐用VLC手机端APP。


成本服务器转流+相关产品授权服务器转流+相关产品授权免费仅猿大师中间件费用
总结

主要适用于H.265流,对延迟时间和画面效果不大敏感、单路播放的场景。

虽有一些开源方案,但稳定性存疑!对于要求不高的客户来说勉强可用,但是对于高要求的公安、交通、安防、工业等领域难堪重用。

虽然可以用在IE及低版本Chrome中,但是不能用于高版本的浏览器、IE即将被淘汰,前途暗淡!

借助猿大师提供的内嵌网页播放技术,将VLC播放器嵌入到网页中直接读取RTSP视频流,充分利用终端电脑硬件解码和加速,不仅做到了低延迟,多路播放、播放高清视频也毫无压力,还节省服务器宽带费用。不用担心浏览器升级导致产品不可用。


     


收缩