• 229阅读
  • 0回复

Qt编写安防视频监控系统63-子模块7悬浮地图 [复制链接]

上一主题 下一主题
离线liudianwu
 


## 一、前言
悬浮地图子模块,使用的百度地图,支持在线和离线,用于显示对应设备的位置,支持鼠标直接拖动和缩放。本系统将各个地方需要的地图模块+浏览器模块都合并到一个地图内核模块,这样需要使用的时候只需要new这个地图内核模块就行,而不是写的到处都是,比如有些通用的公用的参数,只需要在地图内核模块中设置即可。

目前显示瓦片地图采用的浏览器模块来展示,优点是编写方便,直接用现成的公开的百度地图瓦片地图加载,缺点是依赖浏览器模块,相对比较臃肿,有些嵌入式板子性能有限,搞个浏览器模块直接累死,所以还有一种方式是采用瓦片地图算法绘制,这样就抛弃了对浏览器的依赖,更加的跨平台和可移植。

## 二、功能特点
### (一)软件模块
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/)

## 四、效果图




## 五、核心代码
```c++
#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();
}

frmDeviceGps::~frmDeviceGps()
{
    delete ui;
}

void frmDeviceGps::initForm()
{
    //实例化地图内核类
    map = new frmMapCore;
    ui->verticalLayout->addWidget(map);

    //关联加载完成信号
    connect(map, SIGNAL(loadFinished(bool)), this, SLOT(loadDevice()));
    //关联数据信号
    connect(map, SIGNAL(receiveDataFromJs(QString, QVariant)),
            this, SLOT(receiveDataFromJs(QString, QVariant)));

    //赋值百度地图通信类
    baidu = map->getMapBaiDu();
    //启用单击获取经纬度
    baidu->setEnableClickPoint(true);
    //设置地图缩放级别,可以自行调整到自己合适的级别
    baidu->setMapZoom(AppConfig::MapZoom - 1);

    //关联全局信号指定设备移动
    connect(AppEvent::Instance(), SIGNAL(moveDevice(int, QString, QString)),
            this, SLOT(moveDevice(int, QString, QString)));
}

void frmDeviceGps::loadDevice()
{
    //已经加载过就不用加载
    if (listPoints.count() > 0) {
        return;
    }

    //自定义图标
    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();
    }

    //演示测试数据模拟移动
    if (AppConfig::WorkMode == 1 || AppConfig::WorkMode == 2) {
        QTimer::singleShot(1000, this, SLOT(moveDevice()));
    }
}

void frmDeviceGps::moveDevice()
{
    //下面代码可以注释,用于模拟轨迹
#if 0
    //手动填入
    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
    //随机模拟
    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) {
        //取出初始坐标
        QString point = AppData::GpsDevicePoints.at(i);
        QStringList list = point.split(",");
        double lng = list.at(0).toDouble();
        double lat = list.at(1).toDouble();
        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();
    if (type == "point") {
        //演示如何从鼠标点击处获取经纬度坐标
        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;
    }

    //先删除上一次添加的线条,不然会重叠不好看
    map->runJs("deleteOverlay('Polyline')");

    //添加轨迹线条
    QString point = QString("%1,%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);
    }
}
```
4条评分好评度+1贡献值+1金钱+10威望+1
20091001753 好评度 +1 - 09-01
20091001753 贡献值 +1 - 09-01
20091001753 威望 +1 - 09-01
20091001753 金钱 +10 - 09-01
专业各种自定义控件编写+UI定制+输入法定制+视频监控+工业控制+仪器仪表+嵌入式linux+各种串口网络通信,童叟无欺,量大从优,欢迎咨询购买定制!你正好需要,我正好专业!QQ:517216493 微信:feiyangqingyun Email:feiyangqingyun@163.com
群号:853086607(Qt交流大会,雨田哥群,不定期上传作品,解答作品中相关问题!) 312125701(QtQML多多指教群) 46679801(Qt开发技术交流群-5000人大群)
快速回复
限100 字节
 
上一个 下一个