一、前言說明
這幾個功能是近期定制的功能,也非常具有代表性,核心就是之前登錄和設備信息都是在本地,存放在數據庫中,數據庫可以是本地或者遠程的,現在需要改成通過網絡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 1ui->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等系統。
- 注釋完整,項目結構清晰,超級詳細完整的使用開發手冊,精確到每個代碼文件的功能說明,不斷持續迭代版本。