几种浏览器播放RTSP视频流解决方案

绝地灬酷狼 2023-10-15 23:42 63阅读 0赞

#### 方案一: H5 + websocket\_rtsp\_proxy 实现视频流直播 ####

Streamedian 提供了一种“html5\_rtsp\_player + websock\_rtsp\_proxy”的技术方案，可以通过html5的video标签直接播放RTSP的视频流。

整个架构如下图所示，分为服务器端和浏览器端两部分：

![c38995d8641146f9be51591547e13ace.png][]

#### 方案二：RTSP转RTMP到RTMP服务器，转http-flv，播放端用flv.js播放 ####

flv.js在获取到FLV格式的音视频数据后将 FLV 文件流转码复用成 ISO BMFF（MP4 碎片）片段，再通过Media Source Extensions API 传递给原生HTML5 Video标签进行播放。

flv.js 是使用 ECMAScript 6 编写的，然后通过 Babel Compiler 编译成 ECMAScript 5，使用 Browserify 打包。

flv.js 从服务器获取FLV再解封装后转给Video标签的原因如下：

*  兼容目前的直播方案：目前大多数直播方案的音视频服务都是采用FLV容器格式传输音视频数据。
 *  flv格式简单，相比于MP4格式转封装简单、性能上也占优势，解析起来更快更方便。

#### 方案三：RTSP转RTMP到RTMP服务器，转hls，播放端用video.js播放 ####

Video.js是一款web视频播放器，支持html5和flash两种播放方式。更有自定义皮肤，插件，组件，语言还有丰富的选项配置。

#### 方案四：VLC ####

VLC不再多说，几乎做流媒体的开发者都知道

#### 方案五：RTSP转WebRTC播放 ####

浏览器对webrtc的支持良好，特别是在H264编码方面几个主流的浏览器都已经支持了。webrtc使用srtp进行媒体数据的传输，那么我们只需要将rtp中的负载数据通过webrtc通道发送给浏览器，而浏览器端只需要通过video标签播放即可，目前RTSP转WebRTC对浏览器的适配比较好，延迟也比较低。

#### 方案六：liveweb播放器 ####

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

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

[c38995d8641146f9be51591547e13ace.png]: https://img-blog.csdnimg.cn/c38995d8641146f9be51591547e13ace.png