监控直播流如何在web项目中播放

Question

目前厂里有一百多个摄像头在使用，有主要是海康摄像头，现在要求不修改摄像机配置的情况下获取到直播画面，集成到我们的项目中（springBoot + vue）。只要可以在浏览器播放即可，不需控制录像等功能。
现在可以通过rtsp://admin:admin123456@192.168.5.108:554/cam/realmonitor?channel=1&subtype=1这样的形式获取直播画面(通过rtsp，每个摄像头地址不同)，但是只能在potplayer这类播放器上播放，浏览器好像不太支持这种流格式。
还请有做过相关项目的帮忙给个思路，感谢感谢

Answer 1

自己搞没有什么好的方案，浏览器不支持RTSP流，一般的话就转HLS流或者用webrtc搞。
你可以使用 FFmpeg 把 RTSP 流转换为 HLS。然后你可以在浏览器端使用 HTML5 的

ffmpeg -i rtsp://admin:admin123456@192.168.5.108:554/cam/realmonitor?channel=1&subtype=1 -c:v copy -c:a copy -f hls -hls_time 2 output.m3u8

这样延时会比较高，有几秒吧，你几百个同时肯定就有问题了