One, foreword

Graphic alert module is now in order to adapt to a variety of facial recognition alarm application increased, reference phone app now all kinds of video monitoring alarm message, is essentially took time, content, photo thumbnails (click to view a larger version, this kind of information permutation forms in the modern software applications more and more, make up for the limitations of the information window. The text warning module is responsible for displaying the corresponding warning or prompt information in the form of text and text. If there is time, content and pictures, double-click the corresponding picture to enlarge and view the specific picture. In order to demonstrate how to use the module, the right menu is added to add messages, delete messages and empty messages.

In QtWidget, everything is a widget, and a large number of controls are inherited from widgets. Even the calendar control such a complex control is also a bunch of child controls such as QTableView+QSpinBox, etc., in QML everything is RECT, randomly make a RECT area can set mouse events and perform actions, etc. Add a new widget to the scroll bar area if necessary. Note that if you add the widget to the list without limit, the memory will always increase, so you need to limit the number of lists. If the number exceeds that, remove and delete the earlier widgets, preferably using the deleteLater method to safely delete them without errors.

Two, functional characteristics

(1) Software module

  1. Video monitoring module, various docking small window sub-module, including device list, graphic warning, window information, panyt control, preset position, cruise setting, device control, floating map, web browsing, etc.
  2. Video playback module, including local playback, remote playback, device playback, picture playback, video upload, etc.
  3. Electronic map module, including picture map, online map, offline map, path planning, etc.
  4. Log query module, including local logs, device logs, etc.
  5. System setting module, including system Settings (basic Settings, video parameters, database Settings, map configuration, serial port configuration, etc.), VIDEO recorder management, camera management, polling configuration, user management, etc.

(2) Basic functions

  1. Support various video streams (RTSP, RTMP, HTTP, etc.), video files (MP4, RMVB, AVI, etc.), local USB camera playback.
  2. Support multi-screen switching, including 1, 4, 6, 8, 9, 13, 16, 25, 36, 64 screen switching.
  3. Supports full-screen switching, including the right mouse button, toolbar button, and shortcut keys (Alt + Enter full-screen, esc exit full-screen).
  4. Supports video polling, including 1, 4, 9, and 16 screen polling. You can set polling group (polling plan), polling interval, and bit stream type.
  5. Supports the OnVIF protocol, including device search, pte control, device control (picture parameters, check time, system restart, capture pictures, etc.).
  6. Different users can have different module permissions, such as deleting logs and shutting down the system.
  7. Support a variety of databases, including sqlite, mysql, sqlserver, postgresql, oracle, rendajincang and so on.
  8. You can set resolution and frame rate for a local USB camera.
  9. All docking modules automatically generate corresponding menus to control the display and hide, in the title bar right click can pop up.
  10. Display all modules, hide all modules, reset the common layout, and reset the full-screen layout.
  11. Double-click the device to pop up real-time preview video, supporting picture map, online map, offline map, etc.
  12. The camera node can be dragged to the corresponding window to play the video, and the local file can be dragged to play the video.
  13. You can delete a video by right-clicking the mouse button, closing the floating bar, or dragging it outside the video surveillance panel.
  14. The device button on the picture map can be dragged freely to automatically save the location information. You can click the mouse to obtain the longitude and latitude information on the Baidu map to update the location of the device.
  15. Any channel in the video surveillance panel form supports drag exchange, instant response.
  16. Encapsulated Baidu map, view switch, movement track, equipment point, mouse click to obtain latitude and longitude.
  17. Double-click the node, drag the node, drag the window to switch positions and other operations, will automatically update and save the last playing address, the next software open automatic application.
  18. Volume bar control in the lower right corner, automatically hide when losing focus, volume strip mute icon.
  19. You can specify a screenshot for a single channel or all channels. The screenshot button is also available on the bottom toolbar.
  20. The mouse pointer can be automatically hidden when timeout expires and the mouse pointer can be automatically displayed in full screen.
  21. Support onVIF PTZ control, can move PTZ camera up, down, left and right, including reset and focal length adjustment.
  22. Support any ONVIF camera, including but not limited to Hikang, Dahua, Yushi, Weiye, Huawei, etc.
  23. Can save video, can select the time storage or single file storage, optional storage interval time.
  24. Video stream communication mode can be set TCP + UDP, video decoding can be set speed first, quality first, balance, etc.
  25. You can set the software name, English name, and LOGO icon.
  26. You can export stored video files to specific directories or upload them to servers in batches.

(3) Features and functions

  1. The main interface adopts the mode of docked form, various components in the form of small modules, can be customized to join any module.
  2. Docking module can drag any position embedded and suspended, support maximum full screen, support multi-screen.
  3. Dual layout file storage mechanism, normal mode and full-screen mode are corresponding to different layout schemes, automatic switching and saving, for example, full-screen mode can highlight several modules transparent display in the specified position, more science fiction sense of modernization.
  4. Original onVIF protocol mechanism, using the underlying protocol resolution (UDP broadcast search + HTTP request execution command) more lightweight easy to understand learning expansion, does not rely on any third-party components such as GSOAP.
  5. Original data import and export mechanism, cross-platform independent of any components, instant data export.
  6. Built in multiple original components, the universe super value super awesome, Including data import and export components (export to XLS, PDF, printing), database components (database management thread, automatic data cleaning thread, universal paging, data request, etc.), map component, video monitoring component, file multithreading transceiver component, onVIF communication component, universal browser kernel component, etc.
  7. Customize information box + error box + query box + lower right prompt box (including various formats).
  8. Exquisite skin change, up to 17 sets of skin styles can be changed at will, all styles are unified, including menu, etc.
  9. Multiple buttons can be added to the video control hover bar, and buttons can also be added to the small toolbar at the bottom of the monitoring interface.
  10. Double click the camera node to automatically play the video, double click the node to automatically add the video, it will automatically jump to the next, double click the parent node to automatically add all the videos under the node. Primary stream and sub-stream are optional.
  11. You can add, delete, and modify the import and export printed information, and immediately apply the new device information to generate a tree list without restarting.
  12. Optional a variety of kernel free switch, FFMPEG, VLC, MPV, etc., can be set in pro. Ffmpeg is recommended. It is most cross-platform and provides libraries compiled on Linux and MAC platforms by default.
  13. Supports hard decoding and can be set to hard decoding type (QSV, DXVA2, d3D11VA, etc.).
  14. The default opengL rendering video, ultra-low CPU resource consumption, support YUYV and NV12 two formats to draw, very awesome.
  15. Highly customizable, users can easily derive their own functions on this basis, such as adding custom modules, adding operation mode, robot monitoring, uav monitoring, excavator monitoring, etc.
  16. Support XP, Win7, Win10, Linux, MAC, a variety of domestic systems (UOS, kyrin, Galaxy Kyrin, etc.), embedded Linux and other systems.
  17. Complete annotation, clear project structure, super detailed complete use of the development manual, accurate to the function description of each code file, continuous iteration version.

3. Experience address

  1. Experience address: pan.baidu.com/s/1d7TH_GEY… Extraction code: 01Jf File name: bin_video_system.zip
  2. Domestic site: gitee.com/feiyangqing…
  3. International site: github.com/feiyangqing…
  4. Profile: blog.csdn.net/feiyangqing…
  5. Zhihu homepage: www.zhihu.com/people/feiy…
  6. Online documentation: feiyangqingyun. Gitee. IO/qwidgetdemo…

Four, effect drawing

Five, core code

#include "frmmsglist.h"
#include "ui_frmmsglist.h"
#include "frmmsglistitem.h"
#include "quihelper.h"
#include "devicehelper.h"

frmMsgList::frmMsgList(QWidget *parent) : QWidget(parent), ui(new Ui::frmMsgList)
{
    ui->setupUi(this);
    this->initForm(a);this->initPanel(a);this->initAction(a); } frmMsgList::~frmMsgList()
{
    delete ui;
}

void frmMsgList::resizeEvent(QResizeEvent *)
{
    // Set line 0 to automatically count the number of lines until no scrollbar is generated
    if (AppConfig::MsgListCount == 0 && isVisible()) {
        // Automatically set the number of lines according to the height change
        int height = this->height() - 10;
        // Number of lines = height/height per line
        msgListCount = height / 80;
        checkCount();
    }
}

void frmMsgList::showEvent(QShowEvent *)
{
    if(AppConfig::MsgListCount ! =0) { msgListCount = AppConfig::MsgListCount; }}void frmMsgList::initForm(a)
{
    msgListCount = 1;
    DeviceHelper::setMsgList(this);
}

void frmMsgList::initPanel(a)
{
    // Set the margin
    ui->panelWidget->setMargin(6);
    // Set the spacing
    ui->panelWidget->setSpace(6);
    // Set automatic horizontal stretching
    ui->panelWidget->setAutoWidth(true);
    // Set the number of columns
    ui->panelWidget->setColumnCount(1);

    QStringList listMsg;
    listMsg << "The picture changes!" << "Someone's moving! << "Face detection!" << "Face recognition!";

    // You don't need to initialize the data comment below
#if 1
    QList<QWidget *> widgets;
    for (int i = 1; i <= 20; i++) {
        QString time = QTime::currentTime().toString("HH:mm:ss");
        QString msg = listMsg.at(rand() % listMsg.count());
        QImage image(QString(":/image/liuyifei%1.jpg").arg(rand() % 3));
        frmMsgListItem *widget = new frmMsgListItem;
        widget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
        widget->setMsg(msg, image, time);
        widgets << widget;
    }

    // Sets the form collection to the container
    ui->panelWidget->setWidgets(widgets);
#endif
}

void frmMsgList::initAction(a)
{
    // Added right-click menu actions to demonstrate various actions
    this->setContextMenuPolicy(Qt::ActionsContextMenu);
    QStringList listTexts;
    listTexts << "Add message" << "Delete message" << "Clear the message";
    foreach (QString text, listTexts) {
        QAction *action = new QAction(text, this);
        connect(action, SIGNAL(triggered(bool)), this.SLOT(doAction()));
        this->addAction(action); }}void frmMsgList::doAction(a)
{
    QAction *action = (QAction *)sender(a); QString text = action->text(a);if (text == "Add message") {
        QImage image(QString(":/image/liuyifei%1.jpg").arg(rand() % 3));
        //addMsg(" Check the face!") , image);
        // Test call global function Settings directly
        DeviceHelper::addMsgList("Face detection!", image);
    } else if (text == "Delete message") {}else if (text == "Clear the message") {
        clearMsg();
    }
}

void frmMsgList::checkCount(a)
{
    // Determine if the number exceeds the maximum value and remove the excess
    while (ui->panelWidget->getWidgets().count() >= msgListCount) {
        QWidget *widget = ui->panelWidget->getWidgets().last(a); ui->panelWidget->removeWidget(widget);
        widget->deleteLater();
    }
}

void frmMsgList::addMsg(const QString &msg, const QImage &image)
{
    addMsg(msg, image, TIME);
}

void frmMsgList::addMsg(const QString &msg, const QImage &image, const QString &time)
{
    checkCount(a);// Add a new card message form
    frmMsgListItem *widget = new frmMsgListItem;
    widget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
    widget->setMsg(msg, image, time);
    ui->panelWidget->insertWidget(0, widget);
}

void frmMsgList::clearMsg(a)
{
    ui->panelWidget->clearWidgets(a); }Copy the code