WEB端播放RTSP流.支持H.265，低延迟300毫秒以内！

た入场券 2024-03-24 00:38 75阅读 0赞

#### 一、背景 ####

随着互联网基础设施的完善以及4G、5G等技术的大规模商用，在Chrome、Firefox、Edge等浏览器播放RTSP视频流也慢慢成为了信息化系统的行业标准。  
早些年还可用VLC播放器在网页中播放RTSP视频流，好景不长，2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，导致在高版本的Chrome等网页中播放海康威视、大华等摄像头RTSP视频流也成了奢望。

#### 二、方案 ####

近期正好有一个智慧城市项目需要实现低延迟、多通路在Chrome等高版本浏览器中播放摄像头RTSP视频流，小编对目前市场做了详细的分析，目前有以下几种解决方案！

##### 1.先转码再转流方案 #####

原理是先在服务器端把RTSP转码成可播放的视频流，再提供给客户端播放器播放。此方案虽号称是无插件方案，但是需要服务器支持，两次转码导致延迟较高，一般高达数秒甚至数分钟。此方案首屏画面显示很慢。因为需要服务器不断转码转流，对CPU和内存消耗较大，带宽占用高，长期综合使用成本也很高。如果多路播放或者看高分辨率或 H.265视频，很可能就会出现卡顿、花屏等情况。  
综合来看，此方案摄像头较少或者对延迟、画面要求较低的需求，商用难堪重任。

##### 2.先转流再转码方案 #####

原理与方案一不同点是把在服务器上转码的过程转移到终端电脑上，目前在高版本浏览器（除IE外）中，已经支持 WASM技术，可以使用此技术在终端电脑上把RTSP视频流转码后播放。此方案同样需要服务器的支持，由于在终端电脑转码，终端电脑配置好坏决定了播放质量，并且由于WASM只能软解码，无法利用终端电脑的加速能力，且不支持多线程，多路播放或者H.265格式视频，也容易出现卡顿、花屏等情况，大量占用电脑CPU和内存，电脑无法再做其他事情，体验非常不好。  
综合来看，此方案也尽量慎用。

##### 3.低版本浏览器方案： #####

2015年之前Chrome等浏览器还未取消对 NPAPI插件支持的时候方案，继续使用低版本Chrome、Firefox等浏览器，通过VLC原生播放器直接播放，也不需要服务器支持，延迟非常低，终端也可以使用硬件的加速能力，多路播放也毫无压力。  
缺点也非常明显：无法使用最新的浏览器和操作系统，不适合商用。如果能解决高版本的Chrome、Firefox、Edge等浏览器使用，此方案无疑是最佳选择！

##### 4.最终升级方案 #####

深圳好游科技开发的liveweb是可支持H.264/H.265视频播放的流媒体播放器，性能稳定、播放流畅，可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等，具备较高的可用性。liveweb还拥有Windows、Android、iOS版本，其灵活的视频能力，极大满足了用户的多样化场景需求。

liveweb具备较强的灵活性，在视频直播过程中liveweb可通过H5进行视频解码，只要客户端支持H5，就能完美进行视频的无插件直播，同时还支持大码率视频直播，并可支持H.264、H.265两种编码格式。如果大家正在找寻一款供能强大的流媒体播放器，那么liveweb将会是一个不错的选择，我们也欢迎大家的了解和试用

#### 三、总结 ####

一个好的技术实施方案，首先是要满足客户的刚性需求，其次是尽量降低采购、开发、实施及维护的总成本，再次是需要有良好的兼容性和稳定性，最后需尽量确保技术方案不能因为浏览器的升级而失效，能够实现公司自主可控的要求就更好了。好游科技的liveweb网页播放程序提供了这样一个稳定可靠、兼容性好、低延迟又可同时稳定播放多路RTSP的低成本半开源技术方案，无疑是当前安防行业在网页端播放RTSP流的最佳选择。![053b4ea10be1441fa89a98a1fa0cc605.webp][]

[053b4ea10be1441fa89a98a1fa0cc605.webp]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8efc74506d334d11a8a1016fd098dad7.png