zk-view接入监控摄像头直播流(HLS拉流示例) 图像识别、算法等场景、摄像头监控,可以通过该方法实现低代码web组态监控


通过该文件提供的方法,实现监控、直播视频接入zk-view,做图像识别、算法等场景、摄像头监控,可以通过该方法实现低代码web组态监控

WEB低代码组态地址:http://zkview.com 视频教程

请添加图片描述

1. 下载 FFmpeg,启动HLS推流程序

官网下载链接 ffmpeg-6.0-essentials_build.zip

找到自己摄像头的RTSP地址,本文使用海康威视摄像头,默认的RTSP地址为:

rtsp://admin:robot228@192.168.2.201:554/h264/ch1/sub/av_stream

新建HLS流的缓存目录,推流时命令行写入

  • 修改为自己的RTSP地址,如 rtsp://admin:robot228@192.168.2.201:554/h264/ch1/sub/av_stream
  • 配置为自己的缓存目录,新建目录:E:/hls/output,尾部填入如:E:/hls/output/stream.m3u8
  • 在FFmpeg的bin目录下,输入指令,进行HLS推流
ffmpeg -i rtsp://admin:robot228@192.168.2.201:554/h264/ch1/sub/av_stream -vf fps=30 -c:v libx264 -preset ultrafast -g 60 -c:a aac -strict -2 -f hls -hls_time 1 -hls_list_size 1 -hls_flags delete_segments -start_number 1 E:/hls/output/stream.m3u8
  • 如推流过程中,未出现停止,则推流成功

在这里插入图片描述

2. 下载nginx,配置并启动

官网下载链接 nginx-1.22.1.zip

  • Nginx 安装目录中的 conf 文件夹下,打开 Nginx 配置文件 nginx.conf;
  • 在 http 部分中,添加一个新的 server 块,如下所示:
  • location中的 root 填写上一步配置的缓存地址:如 E:/hls/output
http {
    # ... 其他配置 ...

    server {
        listen       8000;
        server_name  localhost;

        location / {
            root   E:/hls/output;
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
            add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
        }
    }
}
  • 保存 nginx.conf 文件,双击nginx.exe,启动 Nginx。

3. 打开 zk-view低代码WEB组态平台,进行视频接入

点击顶部插入切换到组件面板,拖动媒体组件中的HLS格式视频组件

在这里插入图片描述

选中组件,右侧配置项切换到配置面板,在URL地址中填入本机的实际地址

  • 注意:不要输入 localhost或127.0.0.1

  • cmd中输入ipconfig,找到自己本机的实际地址
    在这里插入图片描述

  • 在URL中填入地址,本文地址为:http://192.168.2.2:8000/stream.m3u8

点击实时预览按钮,查看视频是否正常接入

在这里插入图片描述

使用过程中有任何问题,及时微信联系,加入zkview交流群

更多推荐