Qt监控系统放大招/历经十几年迭代完善/多屏幕辅屏预览/多层级设备树/网络登录和回放

一、前言说明

近期对视频监控系统做了比较大的更新升级，主要就是三点，第一点就是增加了辅屏预览，这个也是好多个客户需要的功能，海康的iVMS-4200客户端就有这个功能，方便在多个屏幕打开不同的视频进行查看，比如有100个通道，如果只是在一个屏幕上查看，那就太小了，而现在很多电脑都是多屏幕，每个屏幕放个32个，相对来说画面就大了很多，如果软件上直接多开几个预览的画面就方便多了。

第二点就是多层级的设备树，这个功能积压了很久，之前都是两个层级，第一层是NVR名称或者分组，第二层就是子设备也就是摄像头，对于设备数量很少的时候关系不大，现在很多用户需要接入的设备都是成百上千，而且有诸多分组，分组还不止一个层级，比如集团内部光销售部就有很多子分组，所以必须能够支持多层级的分组，稍微费了点做成了通用模块。

第三点就是一个定制的功能，本系统支持非常友好的二开，尽最大化的可能，将常用的功能都封装成了静态的函数，可以直接调用，引入对应的头文件即可，而且都有使用示例参考。近期一个用户需要定制网络登录的功能，也就是利用现有的视频监控系统框架，将登录变成网络登录，然后设备信息也都是通过网络请求获取，视频回放也是请求拉回来的地址播放，录像文件通过网络下载到本地，打上水印等。

二、效果图

在这里插入图片描述

三、相关代码

#include "frmvideowidgetslider.h"
#include "zdownload.h"
#include "zplayback.h"
#include "ui_zplayback.h"
#include "qthelper.h"
#include "deviceutil.h"
#include "deviceurl.h"
#include "videowidgetx.h"
#include "videohelper.h"
#include "videoutil.h"
#include "mediadata.h"
#include "mediahelper.h"

ZPlayBack::ZPlayBack(QWidget *parent) : QWidget(parent), ui(new Ui::ZPlayBack)
{
    ui->setupUi(this);
    this->initForm();
    this->initIcon();
    this->initVideo();
    on_btnSelect_clicked();
}

ZPlayBack::~ZPlayBack()
{
    delete ui;
}

VideoWidget *ZPlayBack::getVideoWidget()
{
    return this->videoWidget;
}

void ZPlayBack::initForm()
{
    ui->widgetRight->setFixedWidth(AppData::RightWidth);
    ui->calendarWidget->setFirstDayOfWeek(Qt::Sunday);
    ui->calendarWidget->setVerticalHeaderFormat(QCalendarWidget::NoVerticalHeader);
    ui->calendarWidget->setHorizontalHeaderFormat(QCalendarWidget::NoHorizontalHeader);

    doubleClickTime = QDateTime::currentDateTime();

    //添加设备
    for (int i = 0; i < MediaData::count; ++i) {
        ui->cboxCh->addItem(MediaData::name.at(i), MediaData::id.at(i));
    }

    //切换设备自动生成播放文件
    connect(ui->cboxCh, SIGNAL(currentIndexChanged(int)), this, SLOT(on_btnSelect_clicked()));
    connect(ui->calendarWidget, SIGNAL(clicked(QDate)), this, SLOT(on_btnSelect_clicked()));

    VideoUtil::loadSpeed(ui->cboxSpeed);
    ui->cboxSpeed->setCurrentIndex(1);

    //关联样式改变信号自动重新设置图标
    connect(AppEvent::Instance(), SIGNAL(changeStyle()), this, SLOT(initIcon()));
    //关联按下行自动切换选中状态
    connect(ui->listWidget, SIGNAL(itemPressed(QListWidgetItem *)), AppEvent::Instance(), SLOT(slot_itemPressed(QListWidgetItem *)));
    //关联下载完成信号
    connect(ZDownLoad::Instance(), SIGNAL(downFinsh()), this, SLOT(downFinsh()));
}

void ZPlayBack::initIcon()
{
    //设置按钮图标
    CommonNav::setIconBtn(ui->frameRight);
}

void ZPlayBack::initVideo()
{
    videoWidget = new VideoWidget;
    connect(videoWidget, SIGNAL(sig_receivePlayStart(int)), this, SLOT(receivePlayStart(int)));
    connect(videoWidget, SIGNAL(sig_receivePlayFinsh()), this, SLOT(receivePlayFinsh()));
    DeviceUtil::initVideoWidget(videoWidget);

    //重新设置解码策略/这里不能和其他地方的解码策略一样
    VideoPara para = videoWidget->getVideoPara();
    para.decodeType = DecodeType_Fast;
    videoWidget->setVideoPara(para);

    //设置背景文字
    videoWidget->setBgText("视频文件");
    //可以单独设置填充拉伸
    //videoWidget->setScaleMode(ScaleMode_Fill);

    videoSlider = new frmVideoWidgetSlider(videoWidget);
    ui->gridLayout->addWidget(videoSlider, 0, 0);

    //随机动态生成水印
    QTimer *timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(initOsd()));
    timer->start(5000);
}

void ZPlayBack::initOsd()
{
    if (videoWidget->getIsRunning()) {
        MediaHelper::setOsd(videoWidget->getVideoThread(), 10);
    }
}

void ZPlayBack::receivePlayStart(int)
{
    //随机生成多个水印
    this->initOsd();
    //设置播放速度
    on_cboxSpeed_currentIndexChanged(ui->cboxSpeed->currentIndex());
}

void ZPlayBack::receivePlayFinsh()
{
    //自动切换到下一个视频/并执行模拟双击事件
    if (!videoSlider->getIsStop() && ui->listWidget->currentRow() < ui->listWidget->count() - 1) {
        QDateTime now = QDateTime::currentDateTime();
        if (doubleClickTime.msecsTo(now) > 500) {
            ui->listWidget->setCurrentRow(ui->listWidget->currentRow() + 1);
            on_listWidget_doubleClicked();
        }
    }
}

void ZPlayBack::downFinsh()
{
    ui->btnDownload->setEnabled(true);
}

void ZPlayBack::on_btnSelect_clicked()
{
    if (ui->cboxCh->count() == 0) {
        return;
    }

    int id = ui->cboxCh->itemData(ui->cboxCh->currentIndex()).toInt();
    int index = MediaData::id.indexOf(id);
    if (index < 0) {
        return;
    }

    //启用了模拟数据的时候用测试的地址
    QString url2 = "http://vd2.bdstatic.com/mda-mi1dd05gmhwejdwn/sc/cae_h264/1630576203346678103/mda-mi1dd05gmhwejdwn.mp4";

    ui->listWidget->clear();
    QString app = MediaData::app.at(index);
    QString stream = MediaData::stream.at(index);
    QString date = ui->calendarWidget->selectedDate().toString("yyyy-MM-dd");
    for (int i = 0; i < 24; ++i) {
        QString hour = QString("%1").arg(i, 2, 10, QChar('0'));
        QString hour2 = QString("%1").arg(i + 1, 2, 10, QChar('0'));
        QString url = QString("%1/%2/%3/%4/%5.m3u8").arg(OtherConfig::HttpVodUrl).arg(date).arg(app).arg(stream).arg(hour);
        url = QString("%1?uuid=%2&user=%3").arg(url).arg(MediaData::uuid).arg(AppConfig::LastLoginer);
        url = EnableConfig::EnableTestData ? url2 : url;
        QString name = QString("%1 %2:00 - %3:00").arg(date).arg(hour).arg(hour2);

        QListWidgetItem *item = new QListWidgetItem;
        item->setText(name);
        item->setData(Qt::UserRole, url);
        item->setCheckState(Qt::Unchecked);
        ui->listWidget->addItem(item);
    }
}

void ZPlayBack::on_btnDownload_clicked()
{
    //取出勾选的要下载的视频文件
    QStringList urls = DeviceUrl::getSelectUrls(ui->listWidget, true);
    if (urls.count() == 0) {
        return;
    }

    //取出要保存的地址
    QStringList files;
    QString path = OtherConfig::VideoNormalPath + "/2025-01-01";
    QtHelper::checkPath(path);
    for (int i = 0; i < urls.count(); ++i) {
        QString app = "1001";
        QString stream = "1";
        QString hour = QString("%1").arg(i, 2, 10, QChar('0'));
        QString file = QString("%1/%2_%3_%4.mp4").arg(path).arg(app).arg(stream).arg(hour);
        files << file;
    }

    ZDownLoad::Instance()->setUrls(urls, files);
    ZDownLoad::Instance()->show();
    ZDownLoad::Instance()->start();
    ui->btnDownload->setEnabled(false);
}

void ZPlayBack::on_listWidget_doubleClicked()
{
    doubleClickTime = QDateTime::currentDateTime();
    QListWidgetItem *item = ui->listWidget->currentItem();
    QString url = item->data(Qt::UserRole).toString();
    videoWidget->open(url);
}

void ZPlayBack::on_cboxSpeed_currentIndexChanged(int index)
{
    if (isVisible()) {
        double speed = ui->cboxSpeed->itemData(index).toDouble();
        videoWidget->setSpeed(speed);
    }
}

四、相关地址

国内站点：https://gitee.com/feiyangqingyun
国际站点：https://github.com/feiyangqingyun
个人作品：https://blog.csdn.net/feiyangqingyun/article/details/97565652
文件地址：https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取码：01jf 文件名：bin_video_system。

五、功能特点

0.6.1 软件模块

视频监控模块，各种停靠小窗体子模块，包括设备列表、图文警情、窗口信息、云台控制、预置巡航、视频轮询、设备控制、悬浮地图、网页浏览等。
视频回放模块，包括本地回放、网络回放、远程回放、图片回放、视频上传等。
电子地图模块，包括图片地图、设备地图、设备移动、轨迹回放等。
日志查询模块，包括本地日志、设备日志等。
系统设置模块，包括系统设置（基本设置、视频参数、数据库设置、颜色配置、功能激活等）、录像机管理、摄像机管理、轮询配置、录像计划、用户管理、其他设置等。

0.6.2 基础功能

支持各种音视频流（rtsp、rtmp、http、srt、ws等）、音视频文件（mp4、rmvb、avi等）、本地设备（本地摄像头、麦克风、桌面）。
支持多画面切换，包括1、4、6、8、9、13、16、25、36、64画面切换。
支持全屏切换，多种切换方式包括鼠标右键菜单、工具栏按钮、快捷键（alt+enter全屏，esc退出全屏）。
支持视频轮询，包括1、4、9、16画面轮询，可设置轮询分组（轮询预案）、轮询间隔、码流类型等。
支持onvif协议，包括设备搜索、云台控制、预置位管理、设备控制（图片参数、校对时间、系统重启、抓拍图片、OSD配置、网络配置等）。
支持权限管理，不同的用户可以对应不同的模块权限，比如删除日志、关闭系统等。
数据库支持多种，包括sqlite、mysql、sqlserver、postgresql、oracle、人大金仓等。
支持本地设备采集比如本地桌面和摄像头，支持设置分辨率、帧率等参数，支持多屏幕。
所有停靠模块都自动生成对应的菜单用来控制显示和隐藏，在标题栏右键可以弹出。
支持显示所有模块、隐藏所有模块、复位普通布局、复位全屏布局。
支持图片地图和网页地图上双击设备图标弹出实时预览。
摄像机节点拖曳到对应窗体播放视频，同时支持拖曳本地文件直接播放。
设备树双击分组打开对应分组下的所有视频，双击设备子节点直接打开对应设备视频流。自动加载最后展开的节点。
设备树支持自定义配置，可以添加分组、删除分组、修改分组，任意层级设置。
设备树可以开启是否放大字体显示、是否显示主码流子码流节点、是否隐藏空组（没有设备的分组自动隐藏）。
删除视频支持鼠标右键删除、悬浮条关闭删除、拖曳到视频监控面板外删除等多种方式。
图片地图上设备按钮可自由拖动，自动保存位置信息。地图上可以鼠标单击获取经纬度信息，用来更新设备位置。
视频监控面板窗体中任意通道支持拖曳交换，瞬间响应。
网页地图支持视图切换、运动轨迹显示、设备点位，鼠标按下获取经纬度等。
双击节点、拖曳节点、拖曳窗体交换位置等操作，均自动更新保存最后的播放地址，下次软件打开自动应用。
右下角音量条控件，失去焦点自动隐藏，音量条带静音图标，自动记忆最后的音量及静音状态。
支持视频截图，可指定单个或者对所有通道截图，底部小工具栏也有截图按钮，每个视频控件悬浮条也有抓拍按钮。
支持辅屏预览，可以打开多个，在多个屏幕分别打开64通道，按需显示视频。
支持超时自动隐藏鼠标指针、自动全屏机制。
支持onvif云台控制，可上下左右移动云台摄像机，包括复位和焦距调整等。
支持onvif预置位，可以添加、删除、修改预置位，可以调用起始位。
支持OSD增删改查，可以通过onvif协议添加及修改OSD信息。
支持onvif图像参数设置，包括明亮度、对比度、饱和度、尖锐度等。
支持onvif其他操作，包括抓图、网络设置、校时、重启、事件订阅等。
支持任意onvif摄像机，包括但不限于海康、大华、宇视、天地伟业、华为等。
可保存视频，可通过录像计划存储，也可在悬浮条手动切换开始录像和停止录像。
可设置视频流通信方式tcp或udp，可设置视频解码是速度优先、质量优先、均衡处理、最快速度等。
可设置软件中文名称、英文名称、LOGO图标等。
存储的视频文件支持导出到指定目录，支持批量上传到服务器。
完善的录像计划设置，支持每个通道7 * 24小时每半小时设置是否存储录像。
音视频同步显示以及音视频同步存储到MP4文件。

0.6.3 特色功能

主界面采用停靠窗体模式，各种组件以小模块的形式加入，可自定义任意模块加入。
停靠模块可拖动任意位置嵌入和悬浮，支持最大化全屏，支持多屏幕。
双重布局文件存储机制，正常模式、全屏模式都对应不同的布局方案，自动切换和保存，比如全屏模式可以突出几个模块透明显示在指定位置，更具科幻感现代化。
原创onvif协议机制，采用底层协议解析（udp广播搜索+http请求执行命令）更轻量易懂易学习拓展，不依赖任何第三方组件比如gsoap。
原创数据导入、导出、打印机制，跨平台不依赖任何组件，瞬间导出数据。
内置多个原创组件，宇宙超值超级牛逼，包括数据导入导出组件（导出到xls、pdf、打印）、数据库组件（数据库管理线程、自动清理数据线程、万能分页、数据请求等）、地图组件、视频监控组件、文件多线程收发组件、onvif通信组件、通用浏览器内核组件等。
自定义信息框、错误框、询问框、右下角提示框（包含多种格式）等。
精美换肤，高达20套皮肤样式随意更换，所有样式全部统一，包括菜单等。
选中通道对应设备树节点高亮，选中通道节点对应视频控件高亮，方便查看当前通道信息。
视频控件悬浮条可以自行增加多个按钮，监控界面底部小工具栏也可自行增加按钮。
双击摄像机节点自动播放视频，双击节点自动依次添加视频，会自动跳到下一个，双击父节点自动添加该节点下的所有视频。可选主码流、子码流。
录像机管理、摄像机管理，可添加删除修改导入导出打印信息，立即应用新的设备信息生成树状列表，不需重启。
摄像机搜索支持一键搜索和批量添加，支持onvif的NVR一键添加子设备，可以手动设置开始地址和数量一键生成摄像机信息。
可选多种内核自由切换，ffmpeg、vlc、mpv等，均可在pro中设置。推荐用ffmpeg，跨平台最多，默认提供好了linux和mac平台上编译好的库。
支持windows、linux、macos等系统硬解码，还支持嵌入式linux RKMPP硬解码，可设置硬解码类型（dxva2、d3d11va、vaapi、vdpau等）。
各种模块可以勾选是否激活，方便根据实际需求搭配各种组合，比如隐藏电子地图模块，隐藏远程回放模块只保留本地回放等。
尽最大化可能，将常用的功能封装接口，全局静态函数调用，极其容易使用，提供各种使用示例，方便用户二开。
默认采用opengl绘制视频，超低的CPU资源占用，支持yuyv和nv12两种格式绘制，性能爆表。
标签和图形信息支持三种绘制方式，绘制到遮罩层、绘制到图片、源头绘制（对应信息可以存储到文件）。
包括但不限于视频监控内核组件的所有功能，可参阅说明书中功能介绍 [视频监控内核](###8.1 视频监控内核)。
高度可定制化，用户可以很方便的在此基础上衍生自己的功能，比如增加自定义模块，增加运行模式、机器人监控、无人机监控、挖掘机监控、广播监控等。
支持xp、win7、win10、win11、linux、mac、各种国产系统（UOS、中标麒麟、银河麒麟等）、嵌入式linux等系统。
注释完整，项目结构清晰，超级详细完整的使用开发手册，精确到每个代码文件的功能说明，不断持续迭代版本。