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

2025-04-25 02:00:52 1 阅读

一、前言说明

这几个功能是近期定制的功能，也非常具有代表性，核心就是之前登录和设备信息都是在本地，存放在数据库中，数据库可以是本地或者远程的，现在需要改成通过网络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 1
    ui->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();
    }
}

四、相关地址

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