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

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

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

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

推荐开源库rtsptoWebtrc

推荐问题