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

VUE在WEB端播放RTSP流?支持H.265,延迟300毫秒以内!

时间:2023-03-31 17:12:23 vue.js

1。背景随着互联网基础设施的完善和4G、5G等技术的大规模商用,在Chrome、Firefox、Edge等浏览器中播放RTSP视频流逐渐成为信息系统的行业标准。早些年,VLC播放器也可以用来在网页上播放RTSP视频流,但好景不长。2015年Chrome、Firefox等浏览器取消了对NPAPI插件的支持,导致高版本Chrome等网页无法播放海康威视。、大华等摄像机RTSP视频串流也成为一种奢侈。2、解决方案最近正好有个智慧城市项目,需要在Chrome等高版本浏览器中实现摄像头RTSP视频流的低延迟、多路播放。小编针对目前的市场做了详细的分析,目前有以下解决方案!1、先转码后流方案的原理是先在服务器端将RTSP转码成可播放的视频流,再提供给客户端播放器播放。这个方案虽然号称是免插件方案,但是需要服务器支持。两次转码导致延迟很高,通常可达几秒甚至几分钟。在此解决方案中,折叠上方的屏幕显示速度非常慢。因为服务器需要不断的转码和推流,所以会消耗大量的CPU和内存,占用大量的带宽,长期综合使用的成本也很高。如果多路播放或观看高分辨率或H.265视频,很有可能会出现卡顿、花屏的情况。整体来看,该方案摄像头较少,或者对时延、画面要求较低,商用难度较大。2、先转码再转码的原理与方案1不同的是,将服务器端转码的过程转移到终端电脑上。目前,在高版本的浏览器中(IE除外),已经支持WASM技术,可以使用该技术在终端电脑上播放转码后的RTSP视频流。该方案还需要服务器的支持。因为终端电脑是转码的,终端电脑的配置决定了播放质量,而WASM由于只能软解码,无法利用终端电脑的加速能力,不支持多线程多通道播放。或者H.265格式的视频也容易出现卡顿、花屏等现象,占用大量电脑CPU和内存,电脑无法再做其他事情,体验非常糟糕。总的来说,应尽可能谨慎使用此解决方案。3、低版本浏览器解决方案:2015年之前Chrome等浏览器还没有取消对NPAPI插件的支持时,继续使用低版本Chrome、Firefox等浏览器,直接通过VLC原生播放器无服务器播放支持,延迟很低,终端还可以使用硬件加速能力,多路播放无压力。缺点也很明显:不能使用最新的浏览器和操作系统,不适合商用。如果能解决高版本Chrome、Firefox、Edge等浏览器的问题,该方案无疑是最佳选择!4、最终升级方案猿大师VLC播放程序是基于猿大师中间件提供的嵌入式网页播放专利技术。底层调用VLC客户端的ActiveX控件,实现海康威视在Chrome等高配浏览器中的内嵌播放。石狮、大华等摄像头的RTSP视频流。由于实际调用了VLC的原生播放控件,因此可以充分利用本地硬件加速能力,实现多路或高清视频(H.265)的高效硬解码和播放,延迟低至300毫秒,支持回访、截图、录像。最多可支持25路同时播放,可在Chrome41、Firefox50、Edge80(Chromium内核)、360ExtremeSpeed/Security、IE、Oprea36、QQ等浏览器中使用.,并且还兼容这些浏览器的最新版本。元大师官网:http://www.yuanmaster.com元大师与VLC原生播放器延迟对比:https://www.bilibili.com/video...元大师与大华官网延迟对比:https://www.bilibili.com/video...袁师傅与大华官网延迟对比:https://www.bilibili.com/video...3.总结一个好的技术实施方案,首先要让客户满意二是尽可能降低采购、开发、实施和维护的总成本。三是具有良好的兼容性和稳定性。最后,要保证技术方案不会因为浏览器的升级而失效,并且能够实现公司自主可控的需求就更好了。猿大师的VLC网络播放器方案提供了这样一种低成本的半开源技术解决方案,稳定可靠,兼容低延迟,可以同时稳定播放多个RTSP流。在网页端播放RTSP流无疑是目前安防行业的最佳选择。