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

长门有希
  • 9
广东

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

回复
阅读 442
2 个回答
  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等支持的协议播

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏