react如何在网页中播放RTSP流的视频？

Question

看了一些文章还是没有头绪

Answer 1

1. 后端转码,比如RTSP转HLS，配合flv.js播放，吃服务器资源
2. 前端调用控件播放，如ActiveX,Npapai这种视频播放控件，无需后端处理，缺点浏览器兼容差
3. html5_rtsp_player,服务器转发rtsp报文通过websock给前端，前端解析生成视频。不是免费的，且不支持h265
4. ffmpeg.wasm，直接浏览器调用ffmpeg转码,一把梭，体验较差

Answer 2

视频流有传输协议和编码格式，传输协议向rtmp、rtsp、hls、flv、mp4等之类的，编码格式h264，h265，av1等。rtmp协议目前智能用低版本的浏览器用flash插件播放；高版本的只能播放hls，flv等h264编码方式的视频。h265之类的可以使用.wasm方式播，但是效果不是很好；rtsp只能通过服务转换flv等支持的协议播