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);}
}

四、相关地址

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

五、功能特点

0.6.1 软件模块

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

0.6.2 基础功能

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

0.6.3 特色功能

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