浏览器低延迟播放H264监控视频流

234 阅读1分钟

先看效果

微信图片_20240523143842_mosaic.png

web端播放监控视频流

运用webrtc方式低延迟实时预览视频流,理论上是web端延迟最低的方式。在项目中需要在局域网看对应监控的流,就可用到这个demo。

流的限制

视频支持格式: H264

音频支持格式: pcm alaw and pcm mulaw

对项目改造

项目地址

拉取项目后,直接运行即可。

浏览器访问 http://localhost:7779/web 输入rtsp地址 如果音频格式不是pcm,在注册流接口时传递不启用音频参数即可播放

image.png

image.png

前端

前端是html和js,也写了vue2和vue3组件的方式方便集成。

参考项目地址

deepch