## 一、前言
得益于Qt的超强跨平台特性，本系统也是跨平台的，亲测的系统包括windows全系列、ubuntu全系列、centeos、国产系统UOS、国产系统银河麒麟、中标麒麟、嵌入式linux、树莓派、香橙派等，所有的外观统一，由于默认采用的sqlite数据库（视频监控系统要存储的记录很少，用Qt内置的数据库sqlite是最合适的），所有数据库这块也不用担心其他平台移植的问题，毕竟Qt内置的sqlite数据库都有。
整个视频监控系统针对特定系统平台的不同处理代码不多，由于前期花了大量的精力整理了跨平台的自定义控件大全（目前超过189个）、各种跨平台的轮子组件（数据导入导出、数据库应用组件、多线程文件传输、地图展示等），所以只要系统直接用这些控件和组件就行，控件和组件跨平台了，整个系统也就是跨平台的，毕竟Qt基础控件和样式以及painter绘制都是完全跨平台通用的，目前为止没有发现什么不同的系统不同的区别。写程序也和造房子一样，先要把基础打牢固，基础牢固了，上面一层层的楼房蹭蹭就上去了。
## 二、功能特点
### （一）软件模块
1. 视频监控模块，各种停靠小窗体子模块，包括设备列表、图文警情、窗口信息、云台控制、预置位、巡航设置、设备控制、悬浮地图、网页浏览等。
2. 视频回放模块，包括本地回放、远程回放、设备*放播**、图片回放、视频上传等。
3. 电子地图模块，包括图片地图、在线地图、离线地图、路径规划等。
4. 日志查询模块，包括本地日志、设备日志等。
5. 系统设置模块，包括系统设置（基本设置、视频参数、数据库设置、地图配置、串口配置等）、录像机管理、摄像机管理、轮询配置、用户管理等。
### （二）基础功能
1. 支持各种视频流（rtsp、rtmp、http等）、视频文件（mp4、rmvb、avi等）、本地USB摄像机*放播**。
2. 支持多画面切换，包括1、4、6、8、9、13、16、25、36、64画面切换。
3. 支持全屏切换，多种切换方式包括鼠标右键菜单、工具栏按钮、快捷键（alt+enter全屏，esc退出全屏）。
4. 支持视频轮询，包括1、4、9、16画面轮询，可设置轮询分组（轮询预案）、轮询间隔、码流类型等。
5. 支持onvif协议，包括设备搜索、云台控制、设备控制（图片参数、校对时间、系统重启，抓拍图片等）。
6. 支持权限管理，不同的用户可以对应不同的模块权限，比如删除日志、关闭系统等。
7. 数据库支持多种，包括sqlite、mysql、sqlserver、postgresql、oracle、人大金仓等。
8. 本地USB摄像机支持设置分辨率、帧率等参数。
9. 所有停靠模块都自动生成对应的菜单用来控制显示和隐藏，在标题栏右键可以弹出。
10. 支持显示所有模块、隐藏所有模块、复位普通布局、复位全屏布局。
11. 双击设备弹出实时预览视频，支持图片地图、在线地图、离线地图等。
12. 摄像机节点拖曳到对应窗体*放播**视频，同时支持拖曳本地文件直接*放播**。
13. 删除视频支持鼠标右键删除、悬浮条关闭删除、拖曳到视频监控面板外删除等多种方式。
14. 图片地图上设备按钮可自由拖动，自动保存位置信息。百度地图上可以鼠标单击获取经纬度信息，用来更新设备位置。
15. 视频监控面板窗体中任意通道支持拖曳交换，瞬间响应。
16. 封装了百度地图，视图切换，运动轨迹，设备点位，鼠标按下获取经纬度等。
17. 双击节点、拖曳节点、拖曳窗体交换位置等操作，均自动更新保存最后的*放播**地址，下次软件打开自动应用。
18. 右下角音量条控件，失去焦点自动隐藏，音量条带静音图标。
19. 支持视频截图，可指定单个或者对所有通道截图，底部小工具栏也有截图按钮。
20. 支持超时自动隐藏鼠标指针、自动全屏机制。
21. 支持onvif云台控制，可上下左右移动云台摄像机，包括复位和焦距调整等。
22. 支持任意onvif摄像机，包括但不限于海康、大华、宇视、天地伟业、华为等。
23. 可保存视频，可选定时存储或者单文件存储，可选存储间隔时间。
24. 可设置视频流通信方式tcp+udp，可设置视频解码是速度优先、质量优先、均衡等。
25. 可设置软件中文名称、英文名称、LOGO图标等。
26. 存储的视频文件支持导出到指定目录，支持批量上传到服务器。
### （三）特色功能
1. 主界面采用停靠窗体模式，各种组件以小模块的形式加入，可自定义任意模块加入。
2. 停靠模块可拖动任意位置嵌入和悬浮，支持最大化全屏，支持多屏幕。
3. 双重布局文件存储机制，正常模式、全屏模式都对应不同的布局方案，自动切换和保存，比如全屏模式可以突出几个模块透明显示在指定位置，更具科幻感现代化。
4. 原创onvif协议机制，采用底层协议解析（udp广播搜索+http请求执行命令）更轻量易懂易学习拓展，不依赖任何第三方组件比如gsoap。
5. 原创数据导入导出机制，跨平台不依赖任何组件，瞬间导出数据。
6. 内置多个原创组件，宇宙超值超级牛逼，包括数据导入导出组件（导出到xls、pdf、打印）、数据库组件（数据库管理线程、自动清理数据线程、万能分页、数据请求等）、地图组件、视频监控组件、文件多线程收发组件、onvif通信组件、通用浏览器内核组件等。
7. 自定义信息框+错误框+询问框+右下角提示框（包含多种格式）等。
8. 精美换肤，高达17套皮肤样式随意更换，所有样式全部统一，包括菜单等。
9. 视频控件悬浮条可以自行增加多个按钮，监控界面底部小工具栏也可自行增加按钮。
10. 双击摄像机节点自动*放播**视频，双击节点自动依次添加视频，会自动跳到下一个，双击父节点自动添加该节点下的所有视频。可选主码流、子码流。
11. 录像机管理、摄像机管理，可添加删除修改导入导出打印信息，立即应用新的设备信息生成树状列表，不需重启。
12. 可选多种内核自由切换，ffmpeg、vlc、mpv等，均可在pro中设置。推荐用ffmpeg，跨平台最多，默认提供好了linux和mac平台上编译好的库。
13. 支持硬解码，可设置硬解码类型（qsv、dxva2、d3d11va等）。
14. 默认采用opengl绘制视频，超低的CPU资源占用，支持yuyv和nv12两种格式绘制，很牛逼。
15. 高度可定制化，用户可以很方便的在此基础上衍生自己的功能，比如增加自定义模块，增加运行模式、机器人监控、无人机监控、挖掘机监控等。
16. 支持xp、win7、win10、linux、mac、各种国产系统（UOS、中标麒麟、银河麒麟等）、嵌入式linux等系统。
17. 注释完整，项目结构清晰，超级详细完整的使用开发手册，精确到每个代码文件的功能说明，不断持续迭代版本。
## 三、体验地址
1. 体验地址：[https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g](https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g) 提取码：01jf 文件名：bin_video_system.zip。
2. 国内站点：[https://gitee.com/feiyangqingyun](https://gitee.com/feiyangqingyun)
3. 国际站点：[https://github.com/feiyangqingyun](https://github.com/feiyangqingyun)
4. 个人主页：[https://blog.csdn.net/feiyangqingyun](https://blog.csdn.net/feiyangqingyun)
5. 知乎主页：[https://www.zhihu.com/people/feiyangqingyun/](https://www.zhihu.com/people/feiyangqingyun/)
6. 在线文档：[https://feiyangqingyun.gitee.io/qwidgetdemo/video_system/](https://feiyangqingyun.gitee.io/qwidgetdemo/video_system/)
## 四、效果图
## 五、核心代码
#include "frmmodule1.h"
#include "ui_frmmodule1.h"
#include "quihelper.h"
frmModule1::frmModule1(QWidget *parent) : QWidget(parent), ui(new Ui::frmModule1)
{
ui->setupUi(this);
this->initForm();
this->initPlot1();
this->initPlot2();
this->initPlot3();
this->initPlot4();
}
frmModule1::~frmModule1()
{
delete ui;
}
void frmModule1::initForm()
{
//设置对应的属性应用特定样式
ui->labTitle1->setProperty("flag", "title");
ui->labTitle2->setProperty("flag", "title");
ui->labTitle3->setProperty("flag", "title");
ui->labTitle4->setProperty("flag", "title");
ui->widgetSub1->setProperty("flag", "sub");
ui->widgetSub2->setProperty("flag", "sub");
ui->widgetSub3->setProperty("flag", "sub");
ui->widgetSub4->setProperty("flag", "sub");
//定时器模拟数据
timer = new QTimer(this);
connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot1()));
connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot2()));
connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot3()));
connect(timer, SIGNAL(timeout()), this, SLOT(loadPlot4()));
//绑定信号槽处理接收的数据+发送执查询语句
connect(DbData::DbLocal, SIGNAL(receiveData(QString, QStringList, int)),
this, SLOT(receiveData(QString, QStringList, int)));
connect(DbData::DbHttp, SIGNAL(receiveData(QString, QStringList, int)),
this, SLOT(receiveData(QString, QStringList, int)));
//绑定样式改变信号重新加载数据
connect(AppEvent::Instance(), SIGNAL(changeStyle()), this, SLOT(start()));
}
void frmModule1::receiveData(const QString &tag, const QStringList &data, int mesc)
{
int count = data.count();
if (tag == "t_1_1_mold_prod_total") {
if (count % 3 == 0) {
rowNames1.clear();
vdouble value1, value2;
for (int i = 0; i < count; i = i + 3) {
rowNames1 << data.at(i);
value1 << data.at(i + 1).toDouble();
value2 << data.at(i + 2).toDouble();
}
loadPlot1(lvdouble() << value1 << value2);
}
} else if (tag == "t_1_3_wp_prod_total") {
if (count % 3 == 0) {
rowNames2.clear();
vdouble value1, value2;
for (int i = 0; i < count; i = i + 3) {
rowNames2 << data.at(i);
value1 << data.at(i + 1).toDouble();
value2 << data.at(i + 2).toDouble();
}
loadPlot2(lvdouble() << value1 << value2);
}
} else if (tag == "t_1_2_mold_prod_monthly") {
if (count % 5 == 0) {
vstring lab;
vdouble key, value1, value2, value3;
int index = 0;
for (int i = 0; i < count; i = i + 5) {
//lab << QString("%1年%2").arg(data.at(i)).arg(data.at(i + 1));
lab << QString("%1").arg(data.at(i + 1));
key << index;
value1 << data.at(i + 2).toDouble();
value2 << data.at(i + 3).toDouble();
value3 << data.at(i + 4).toDouble();
index++;
}
loadPlot3(lab, key, lvdouble() << value1 << value2 << value3);
}
} else if (tag == "t_1_4_wp_prod_monthly") {
if (count % 5 == 0) {
vstring lab;
vdouble key, value1, value2, value3;
int index = 0;
for (int i = 0; i < count; i = i + 5) {
//lab << QString("%1年%2").arg(data.at(i)).arg(data.at(i + 1));
lab << QString("%1").arg(data.at(i + 1));
key << index;
value1 << data.at(i + 2).toDouble();
value2 << data.at(i + 3).toDouble();
value3 << data.at(i + 4).toDouble();
index++;
}
loadPlot4(lab, key, lvdouble() << value1 << value2 << value3);
}
}
}
void frmModule1::initPlot1()
{
rowNames1 << "新模" << "修模" << "设变";
columnNames1 << "系列1" << "系列2";
}
void frmModule1::loadPlot1()
{
QString tableName = "t_1_1_mold_prod_total";
QString columnName = "name,prod_1,prod_2";
if (AppConfig::WorkMode == "timer") {
double min = 1, max = 50;
vdouble value1, value2;
for (int i = 0; i < rowNames1.count(); ++i) {
value1 << CustomPlotHelper::getRandValue(min, max);
value2 << CustomPlotHelper::getRandValue(min, max);
}
loadPlot1(lvdouble() << value1 << value2);
} else if (AppConfig::WorkMode == "db") {
DbData::DbLocal->select(tableName, columnName, true);
} else if (AppConfig::WorkMode == "http") {
DbData::DbHttp->select(tableName, columnName, true);
}
}
void frmModule1::loadPlot1(const lvdouble &values)
{
double maxX = CustomPlotHelper::getMaxValue(values);
ui->customPlot1->clear();
ui->customPlot1->setRangeX(0, maxX * 1.3);
//设置柱状数据结构体
BarData data;
data.rowNames = rowNames1;
data.columnNames = columnNames1;
data.values = values;
data.borderColor = AppConfig::ColorChartText;
data.valuePosition = 1;
data.valuePrecision = 0;
data.valueColor = AppConfig::ColorChartText;
ui->customPlot1->setDataBarhs(data);
ui->customPlot1->replot();
}
void frmModule1::initPlot2()
{
rowNames2 << "电极" << "钢件" << "其他";
columnNames2 << "系列1" << "系列2";
}
void frmModule1::loadPlot2()
{
QString tableName = "t_1_3_wp_prod_total";
QString columnName = "name,prod_1,prod_2";
if (AppConfig::WorkMode == "timer") {
double min = 5000, max = 10000;
vdouble value1, value2;
for (int i = 0; i < rowNames2.count(); ++i) {
value1 << CustomPlotHelper::getRandValue(min, max);
value2 << CustomPlotHelper::getRandValue(min, max);
}
loadPlot2(lvdouble() << value1 << value2);
} else if (AppConfig::WorkMode == "db") {
DbData::DbLocal->select(tableName, columnName, true);
} else if (AppConfig::WorkMode == "http") {
DbData::DbHttp->select(tableName, columnName, true);
}
}
void frmModule1::loadPlot2(const lvdouble &values)
{
double maxX = CustomPlotHelper::getMaxValue(values);
ui->customPlot2->clear();
ui->customPlot2->setRangeX(0, maxX * 1.4);
//设置柱状数据结构体
BarData data;
data.rowNames = rowNames2;
data.columnNames = columnNames2;
data.values = values;
data.borderColor = AppConfig::ColorChartText;
data.valuePosition = 1;
data.valuePrecision = 0;
data.valueColor = AppConfig::ColorChartText;
ui->customPlot2->setDataBarhs(data);
ui->customPlot2->replot();
}
void frmModule1::initPlot3()
{
lineNames1 << "新模" << "修模" << "设变";
ui->customPlot3->addGraph(3);
ui->customPlot3->setPadding(6);
}
void frmModule1::loadPlot3()
{
QString tableName = "t_1_2_mold_prod_monthly";
QString columnName = "year,month,prod_1,prod_2,prod_3";
if (AppConfig::WorkMode == "timer") {
vstring lab;
vdouble key, value1, value2, value3;
int dataCount = 8;
if (QUIHelper::deskWidth() <= 1440) {
dataCount = 6;
}
for (int i = 0; i < dataCount; i++) {
lab << QString("%1月").arg(i + 1);
key << i;
value1 << CustomPlotHelper::getRandValue(10, 100);
value2 << CustomPlotHelper::getRandValue(10, 100);
value3 << CustomPlotHelper::getRandValue(10, 100);
}
loadPlot3(lab, key, lvdouble() << value1 << value2 << value3);
} else if (AppConfig::WorkMode == "db") {
DbData::DbLocal->select(tableName, columnName, true);
} else if (AppConfig::WorkMode == "http") {
DbData::DbHttp->select(tableName, columnName, true);
}
}
void frmModule1::loadPlot3(const vstring &lab, const vdouble &key, const lvdouble &values)
{
//找出1月份所在key,绘制定位线
double maxY = CustomPlotHelper::getMaxValue(values) * 1.25;
if (AppConfig::StaticLine) {
int index = lab.indexOf("1月");
ui->customPlot3->drawStaticLinev(key.at(index), maxY, AppConfig::ColorLine);
}
//设置数据结构体
LineData data;
data.key = key;
for (int i = 0; i < 3; ++i) {
data.index = i;
data.name = lineNames1.at(i);
data.value = values.at(i);
//设置线条颜色,可以指定颜色也可以随机颜色
data.lineColor = ui->customPlot3->getColors().at(i);
ui->customPlot3->setDataLine(data);
}
//设置坐标轴范围值+X坐标对应显示文字
ui->customPlot3->setLabX(key, lab);
ui->customPlot3->setRangeX(-0.5, key.count() - 0.5);
ui->customPlot3->setRangeY(0, maxY, AppConfig::StepY);
//初始化指示器数据高亮及悬停提示等
ui->customPlot3->initItem();
//重新刷新显示
ui->customPlot3->replot();
}
void frmModule1::initPlot4()
{
lineNames2 << "电极" << "钢件" << "其他";
ui->customPlot4->addGraph(3);
ui->customPlot4->setPadding(6);
}
void frmModule1::loadPlot4()
{
QString tableName = "t_1_4_wp_prod_monthly";
QString columnName = "year,month,prod_1,prod_2,prod_3";
if (AppConfig::WorkMode == "timer") {
vstring lab;
vdouble key, value1, value2, value3;
int dataCount = 8;
if (QUIHelper::deskWidth() <= 1440) {
dataCount = 6;
}
for (int i = 0; i < dataCount; i++) {
lab << QString("%1月").arg(i + 1);
key << i;
value1 << CustomPlotHelper::getRandValue(10, 100);
value2 << CustomPlotHelper::getRandValue(10, 100);
value3 << CustomPlotHelper::getRandValue(10, 100);
}
loadPlot4(lab, key, lvdouble() << value1 << value2 << value3);
} else if (AppConfig::WorkMode == "db") {
DbData::DbLocal->select(tableName, columnName, true);
} else if (AppConfig::WorkMode == "http") {
DbData::DbHttp->select(tableName, columnName, true);
}
}
void frmModule1::loadPlot4(const vstring &lab, const vdouble &key, const lvdouble &values)
{
//找出1月份所在key,绘制定位线
double maxY = CustomPlotHelper::getMaxValue(values) * 1.25;
if (AppConfig::StaticLine) {
int index = lab.indexOf("1月");
ui->customPlot4->drawStaticLinev(key.at(index), maxY, AppConfig::ColorLine);
}
LineData data;
data.key = key;
for (int i = 0; i < 3; ++i) {
data.index = i;
data.name = lineNames2.at(i);
data.value = values.at(i);
//设置线条颜色,可以指定颜色也可以随机颜色
data.lineColor = ui->customPlot4->getColors().at(i);
ui->customPlot4->setDataLine(data);
}
//设置坐标轴范围值+X坐标对应显示文字
ui->customPlot4->setLabX(key, lab);
ui->customPlot4->setRangeX(-0.5, key.count() - 0.5);
ui->customPlot4->setRangeY(0, maxY, AppConfig::StepY);
//初始化指示器数据高亮及悬停提示等
ui->customPlot4->initItem();
//重新刷新显示
ui->customPlot4->replot();
}
void frmModule1::start(int interval)
{
this->loadPlot1();
this->loadPlot2();
this->loadPlot3();
this->loadPlot4();
//如果间隔太短表示不需要刷新,执行一次即可
if (interval > 2000) {
timer->start(interval);
}
}
void frmModule1::stop()
{
if (timer->isActive()) {
timer->stop();
}
}