One, foreword

Hover map sub-module, using Baidu map, support online and offline, used to display the location of the corresponding device, support direct drag and zoom mouse. The system will be required in each place map module + browser module are incorporated into a map kernel module, so need to use only the new map kernel module on the line, rather than write everywhere, such as some general public parameters, only need to be set in the map kernel module.

Now show tile map browser module is used to display, the advantage is convenient to write, direct use ready-made open baidu map tiles loading, defect is dependent on the browser module, is relatively heavy, some embedded board performance co., LTD., have a browser module directly dead tired, so there is a way are drawn using the algorithm of map tiles, This eliminates browser dependency and makes it more cross-platform and portable.

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 "frmdevicegps.h"
#include "ui_frmdevicegps.h"
#include "quihelper.h"

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

void frmDeviceGps::initForm(a)
{
    // Instantiate the map kernel class
    map = new frmMapCore;
    ui->verticalLayout->addWidget(map);

    // associated load completion signal
    connect(map, SIGNAL(loadFinished(bool)), this.SLOT(loadDevice()));
    // Correlate data signals
    connect(map, SIGNAL(receiveDataFromJs(QString, QVariant)),
            this.SLOT(receiveDataFromJs(QString, QVariant)));

    // Assign the baidu map communication class
    baidu = map->getMapBaiDu(a);// Enable Click to obtain latitude and longitude
    baidu->setEnableClickPoint(true);
    // Set the map zoom level, can adjust to their own appropriate level
    baidu->setMapZoom(AppConfig::MapZoom - 1);

    // Associate global signals to specify device movement
    connect(AppEvent::Instance(), SIGNAL(moveDevice(int, QString, QString)),
            this.SLOT(moveDevice(int, QString, QString)));
}

void frmDeviceGps::loadDevice(a)
{
    // If it is already loaded, do not load it
    if (listPoints.count(a) >0) {
        return;
    }

    // Customize the icon
    for (int i = 0; i < AppData::GpsDeviceCount; i++) {
        QString js = QString("addMarker('%1', '%2', '', '', 60, '%3', 2, 0, '%4', %5)").arg(AppData::GpsDeviceNames.at(i), "", AppData::GpsDevicePoints.at(i))
                     .arg(AppData::DeviceIconFile).arg(AppData::DeviceIconSize);
        map->runJs(js);
        listPoints << QStringList(a); }// Demo test data simulation movement
    if (AppConfig::WorkMode == 1 || AppConfig::WorkMode == 2) {
        QTimer::singleShot(1000.this.SLOT(moveDevice())); }}void frmDeviceGps::moveDevice(a)
{
    // The following code can be commented to simulate the trajectory
#if 0
    // Manually fill in
    if (AppData::GpsDeviceCount > 0) {
        moveDevice(0."121.414736"."31.183927");
        moveDevice(0."121.414516"."31.183838");
        moveDevice(0."121.414220"."31.183769");
        moveDevice(0."121.413878"."31.183680");
        moveDevice(0."121.413384"."31.183579");
    }
    if (AppData::GpsDeviceCount > 1) {
        moveDevice(1."121.415086"."31.183769");
        moveDevice(1."121.415095"."31.183599");
        moveDevice(1."121.415185"."31.183193");
        moveDevice(1."121.415280"."31.182687");
        moveDevice(1."121.415302"."31.182286");
    }
#elif 0
    // Random simulation
    if (AppData::GpsDeviceCount > 0) {
        moveDevice(0.15.121.414736.31.183927.0.00008.0.00002);
    }
    if (AppData::GpsDeviceCount > 1) {
        moveDevice(1.10.121.415086.31.183769.0.00003.0.00015);
    }
#else
    for (int i = 0; i < AppData::GpsDeviceCount; ++i) {
        // Retrieve the initial coordinates
        QString point = AppData::GpsDevicePoints.at(i);
        QStringList list = point.split(",");
        double lng = list.at(0).toDouble(a);double lat = list.at(1).toDouble(a);moveDevice(i, 15, lng, lat, 0.00008.0.00002);
    }
#endif
}

void frmDeviceGps::moveDevice(int id, int count, double lngValue, double latValue, double lngOffset, double latOffset)
{
    moveDevice(id, QString::number(lngValue, 'f'.6), QString::number(latValue, 'f'.6));
    for (int i = 0; i < count; i++) {
        //qDebug() << qSetRealNumberPrecision(10) << lngValue << latValue;
        lngValue += lngOffset;
        latValue += latOffset;
        moveDevice(id, QString::number(lngValue, 'f'.6), QString::number(latValue, 'f'.6)); }}void frmDeviceGps::receiveDataFromJs(const QString &type, const QVariant &data)
{
    //qDebug() << type << data;
    QString result = data.toString(a);if (type == "point") {
        // Show how to get latitude and longitude coordinates from mouse clicks
        QString lnglat = WebHelper::getLngLat2(result);
        //AppEvent::Instance()->slot_receiveLngLat(lnglat);
        qDebug() << TIMEMS << lnglat; }}void frmDeviceGps::moveDevice(int id, const QString &lng, const QString &lat)
{
    if (listPoints.count() = =0) {
        return;
    }

    // Delete the lines added last time, otherwise the overlap will not look good
    map->runJs("deleteOverlay('Polyline')");

    // Add trace lines
    QString point = QString("% 1 and % 2").arg(lng).arg(lat);
    QString name = AppData::GpsDeviceNames.at(id);
    QString js = QString("moveMarker('%1', '%2')").arg(name).arg(point);
    map->runJs(js);

    listPoints[id] << point;
    for (int i = 0; i < AppData::GpsDeviceCount; i++) {
        QString points = listPoints.at(i).join("|");
        QString color = AppData::GpsDeviceColors.at(i);
        QString js = QString("addPolyline('%1', '%2', 3, 1)").arg(points).arg(color);
        map->runJs(js); }}Copy the code