一、前言
懸浮地圖子模塊,使用的百度地圖,支持在線和離線,用於顯示對應設備的位置,支持鼠標直接拖動和縮放。本系統將各個地方需要的地圖模塊+瀏覽器模塊都合併到一個地圖內核模塊,這樣需要使用的時候只需要new這個地圖內核模塊就行,而不是寫的到處都是,比如有些通用的公用的參數,只需要在地圖內核模塊中設置即可。
目前顯示瓦片地圖採用的瀏覽器模塊來展示,優點是編寫方便,直接用現成的公開的百度地圖瓦片地圖加載,缺點是依賴瀏覽器模塊,相對比較臃腫,有些嵌入式板子性能有限,搞個瀏覽器模塊直接累死,所以還有一種方式是採用瓦片地圖算法繪製,這樣就拋棄了對瀏覽器的依賴,更加的跨平臺和可移植。
二、功能特點
(一)軟件模塊
- 視頻監控模塊,各種停靠小窗體子模塊,包括設備列表、圖文警情、窗口信息、雲臺控制、預置位、巡航設置、設備控制、懸浮地圖、網頁瀏覽等。
- 視頻回放模塊,包括本地回放、遠程回放、設備播放、圖片回放、視頻上傳等。
- 電子地圖模塊,包括圖片地圖、在線地圖、離線地圖、路徑規劃等。
- 日誌查詢模塊,包括本地日誌、設備日誌等。
- 系統設置模塊,包括系統設置(基本設置、視頻參數、數據庫設置、地圖配置、串口配置等)、錄像機管理、攝像機管理、輪詢配置、用戶管理等。
(二)基礎功能
- 支持各種視頻流(rtsp、rtmp、http等)、視頻文件(mp4、rmvb、avi等)、本地USB攝像機播放。
- 支持多畫面切換,包括1、4、6、8、9、13、16、25、36、64畫面切換。
- 支持全屏切換,多種切換方式包括鼠標右鍵菜單、工具欄按鈕、快捷鍵(alt+enter全屏,esc退出全屏)。
- 支持視頻輪詢,包括1、4、9、16畫面輪詢,可設置輪詢分組(輪詢預案)、輪詢間隔、碼流類型等。
- 支持onvif協議,包括設備搜索、雲臺控制、設備控制(圖片參數、校對時間、系統重啓,抓拍圖片等)。
- 支持權限管理,不同的用戶可以對應不同的模塊權限,比如刪除日誌、關閉系統等。
- 數據庫支持多種,包括sqlite、mysql、sqlserver、postgresql、oracle、人大金倉等。
- 本地USB攝像機支持設置分辨率、幀率等參數。
- 所有停靠模塊都自動生成對應的菜單用來控制顯示和隱藏,在標題欄右鍵可以彈出。
- 支持顯示所有模塊、隱藏所有模塊、復位普通佈局、復位全屏佈局。
- 雙擊設備彈出實時預覽視頻,支持圖片地圖、在線地圖、離線地圖等。
- 攝像機節點拖曳到對應窗體播放視頻,同時支持拖曳本地文件直接播放。
- 刪除視頻支持鼠標右鍵刪除、懸浮條關閉刪除、拖曳到視頻監控面板外刪除等多種方式。
- 圖片地圖上設備按鈕可自由拖動,自動保存位置信息。百度地圖上可以鼠標單擊獲取經緯度信息,用來更新設備位置。
- 視頻監控面板窗體中任意通道支持拖曳交換,瞬間響應。
- 封裝了百度地圖,視圖切換,運動軌跡,設備點位,鼠標按下獲取經緯度等。
- 雙擊節點、拖曳節點、拖曳窗體交換位置等操作,均自動更新保存最後的播放地址,下次軟件打開自動應用。
- 右下角音量條控件,失去焦點自動隱藏,音量條帶靜音圖標。
- 支持視頻截圖,可指定單個或者對所有通道截圖,底部小工具欄也有截圖按鈕。
- 支持超時自動隱藏鼠標指針、自動全屏機制。
- 支持onvif雲臺控制,可上下左右移動雲臺攝像機,包括復位和焦距調整等。
- 支持任意onvif攝像機,包括但不限於海康、大華、宇視、天地偉業、華爲等。
- 可保存視頻,可選定時存儲或者單文件存儲,可選存儲間隔時間。
- 可設置視頻流通信方式tcp+udp,可設置視頻解碼是速度優先、質量優先、均衡等。
- 可設置軟件中文名稱、英文名稱、LOGO圖標等。
- 存儲的視頻文件支持導出到指定目錄,支持批量上傳到服務器。
(三)特色功能
- 主界面採用停靠窗體模式,各種組件以小模塊的形式加入,可自定義任意模塊加入。
- 停靠模塊可拖動任意位置嵌入和懸浮,支持最大化全屏,支持多屏幕。
- 雙重佈局文件存儲機制,正常模式、全屏模式都對應不同的佈局方案,自動切換和保存,比如全屏模式可以突出幾個模塊透明顯示在指定位置,更具科幻感現代化。
- 原創onvif協議機制,採用底層協議解析(udp廣播搜索+http請求執行命令)更輕量易懂易學習拓展,不依賴任何第三方組件比如gsoap。
- 原創數據導入導出機制,跨平臺不依賴任何組件,瞬間導出數據。
- 內置多個原創組件,宇宙超值超級牛逼,包括數據導入導出組件(導出到xls、pdf、打印)、數據庫組件(數據庫管理線程、自動清理數據線程、萬能分頁、數據請求等)、地圖組件、視頻監控組件、文件多線程收發組件、onvif通信組件、通用瀏覽器內核組件等。
- 自定義信息框+錯誤框+詢問框+右下角提示框(包含多種格式)等。
- 精美換膚,高達17套皮膚樣式隨意更換,所有樣式全部統一,包括菜單等。
- 視頻控件懸浮條可以自行增加多個按鈕,監控界面底部小工具欄也可自行增加按鈕。
- 雙擊攝像機節點自動播放視頻,雙擊節點自動依次添加視頻,會自動跳到下一個,雙擊父節點自動添加該節點下的所有視頻。可選主碼流、子碼流。
- 錄像機管理、攝像機管理,可添加刪除修改導入導出打印信息,立即應用新的設備信息生成樹狀列表,不需重啓。
- 可選多種內核自由切換,ffmpeg、vlc、mpv等,均可在pro中設置。推薦用ffmpeg,跨平臺最多,默認提供好了linux和mac平臺上編譯好的庫。
- 支持硬解碼,可設置硬解碼類型(qsv、dxva2、d3d11va等)。
- 默認採用opengl繪製視頻,超低的CPU資源佔用,支持yuyv和nv12兩種格式繪製,很牛逼。
- 高度可定製化,用戶可以很方便的在此基礎上衍生自己的功能,比如增加自定義模塊,增加運行模式、機器人監控、無人機監控、挖掘機監控等。
- 支持xp、win7、win10、linux、mac、各種國產系統(UOS、中標麒麟、銀河麒麟等)、嵌入式linux等系統。
- 註釋完整,項目結構清晰,超級詳細完整的使用開發手冊,精確到每個代碼文件的功能說明,不斷持續迭代版本。
三、體驗地址
- 體驗地址:https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取碼:01jf 文件名:bin_video_system.zip。
- 國內站點:https://gitee.com/feiyangqingyun
- 國際站點:https://github.com/feiyangqingyun
- 個人主頁:https://blog.csdn.net/feiyangqingyun
- 知乎主頁:https://www.zhihu.com/people/feiyangqingyun/
- 在線文檔:https://feiyangqingyun.gitee.io/qwidgetdemo/video_system/
四、效果圖
五、核心代碼
#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);
}
}