Qt监控系统远程网络登录/请求设备列表/服务器查看实时流/回放视频/验证码请求

一、前言说明

这几个功能是近期定制的功能，也非常具有代表性，核心就是之前登录和设备信息都是在本地，存放在数据库中，数据库可以是本地或者远程的，现在需要改成通过网络API请求的方式，现在很多的服务器很强大，都提供了各种API接口，包括登录和拉取回放等，相当于直接对接这些服务器的接口去开发，为了做好这个功能，做了一些微调，以便作为一个典型二开的示例。

首先就是用户登录，第一步请求获取到验证码图片，然后用户填入用户名和密码，带上验证码，一起发送网络请求到服务器，登录成功会返回对应正常，失败会返回对应错误的原因，比如用户不存在，密码不正确，验证码不正确等，或者验证码过期，核心要点就是请求时候要带上各种需要的数据，每次登录错误都需要重新拉取更新验证码图片。

登陆成功后就去获取设备列表，一般这个列表都是json数据，多层次多分组的，根据收到的数据，解析后生成设备树，每个设备可能还需要根据获取到的视频流地址规则，重新组织外网可以访问的视频流地址，服务器上可能是zlm或者srs这种流媒体服务器负责推流，双击对应设备的时候，打开对应的视频流地址。

整体下来，在经过一些主要框架的调整后，这些功能二开起来非常便捷，封装了通用的网络请求函数，务必记得及时释放请求，通用的解析函数，同时相当于在工作模式中添加一种工作模式，pro中增加一个defines标记，单独搞个目录存放这个定制功能对应的类，定义了标记，则加载对应的目录的pri模块文件，随时都可以去掉，可以完美无缝的切入到现有的整个监控系统框架，总之这又是一次完美的二开实战。之前已经有了无人机监控、广播监控、智慧校园监控的二开经验，这次又增加了一个，完善了整个二开示例。

二、效果图

三、相关代码

#include "frmmain.h"
#include "zlogin.h"
#include "ui_zlogin.h"
#include "qthelper.h"
#include "zhttphelper.h"
#include "zmediahelper.h"ZLogin::ZLogin(QWidget *parent) : QDialog(parent), ui(new Ui::ZLogin)
{ui->setupUi(this);this->initForm();QtHelper::setFormInCenter(this);QMetaObject::invokeMethod(this, "initCode", Qt::QueuedConnection);
}ZLogin::~ZLogin()
{delete ui;
}bool ZLogin::eventFilter(QObject *watched, QEvent *event)
{//单击验证码标签重新加载if (watched == ui->labImage && event->type() == QEvent::MouseButtonRelease) {this->initCode();}return QWidget::eventFilter(watched, event);
}void ZLogin::initForm()
{//图片文件不存在则设置为图形字体QtHelper::setIconBtn(ui->btnLogin, ":/image/btn_ok.png", 0xf00c);QtHelper::setIconBtn(ui->btnClose, ":/image/btn_close.png", 0xf00d);//初始化无边框窗体QtHelper::setFramelessForm(this, ui->widgetTitle, ui->labIco, ui->btnMenu_Close, false);ui->labName->setText(AppConfig::TitleCn);ui->labName->setStyleSheet(QString("border-image:url(:/image/bg_banner.jpg);font:22px;color:%1;").arg(GlobalConfig::TextColor));this->setWindowTitle(ui->labTitle->text());ui->btnLogin->setDefault(true);ui->labImage->installEventFilter(this);ui->txtUserName->setText(AppConfig::LastLoginer);ui->txtUserPwd->setPlaceholderText("请输入密码");ui->txtUserCode->setPlaceholderText("请输入验证码");#if 1ui->txtUserName->setText("ceshi-01");ui->txtUserPwd->setText("ceshi-01@zafu");ui->txtUserCode->setFocus();
#endif//关联关闭按钮退出connect(ui->btnMenu_Close, SIGNAL(clicked()), this, SLOT(close()));connect(ui->btnClose, SIGNAL(clicked()), this, SLOT(close()));//收到退出信号/本窗体只是隐藏/收到退出信号后发送登出请求connect(AppEvent::Instance(), SIGNAL(exitAll()), this, SLOT(exitAll()));//需要定时重新获取用户信息/保证token不被过期/证明自己还活着QTimer *timerGet = new QTimer(this);connect(timerGet, SIGNAL(timeout()), this, SLOT(getInfo()));timerGet->start(5 * 60 * 1000);    
}void ZLogin::initCode()
{QString base64;ZHttpHelper::getCodeImage(uuid, base64);ui->txtUserCode->clear();if (!base64.isEmpty()) {QPixmap pixmap;pixmap.loadFromData(QByteArray::fromBase64(base64.toUtf8()));pixmap = pixmap.scaled(ui->labImage->size() - QSize(2, 2)/*, Qt::KeepAspectRatio*/);ui->labImage->setPixmap(pixmap);}
}void ZLogin::getInfo()
{if (!OtherConfig::HttpToken.isEmpty()) {ZHttpHelper::getUserInfo();}
}void ZLogin::exitAll()
{ZHttpHelper::logout();
}void ZLogin::on_btnLogin_clicked()
{QString userName = ui->txtUserName->text().trimmed();if (userName.isEmpty()) {QtHelper::showMessageBoxError("用户名称不能为空, 请重新输入!", 3, true);ui->txtUserName->setFocus();return;}QString userPwd = ui->txtUserPwd->text().trimmed();if (userPwd.isEmpty()) {QtHelper::showMessageBoxError("用户密码不能为空, 请重新输入!", 3, true);ui->txtUserPwd->setFocus();return;}QString userCode = ui->txtUserCode->text().trimmed();if (userCode.isEmpty()) {QtHelper::showMessageBoxError("验证码不能为空, 请重新输入!", 3, true);ui->txtUserCode->setFocus();return;}//调用网络请求登录if (ZHttpHelper::login(userName, userPwd, userCode, uuid)) {//记录最后登录用户AppConfig::LastLoginer = userName;AppConfig::writeConfig();//通过网络请求获取一堆数据ZHttpHelper::getUserInfo();ZHttpHelper::getDeviceInfo();ZHttpHelper::getStreamInfo();//主动将媒体信息插入到本地数据库ZMediaHelper::saveDeviceGroup();ZMediaHelper::initDeviceInfo();//隐藏登录界面并弹出主界面this->hide();frmMain *form = new frmMain;form->show();form->activateWindow();} else {//登录失败后要重新刷新验证码this->initCode();}
}

四、相关地址

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. 注释完整，项目结构清晰，超级详细完整的使用开发手册，精确到每个代码文件的功能说明，不断持续迭代版本。