Qt/C++編寫視頻監(jiān)控系統(tǒng)之自定義音柱顯示功能
一、前言
通過音柱控件實時展示當(dāng)前播放的聲音產(chǎn)生的振幅的大小,得益于音頻播放組件內(nèi)置了音頻振幅的計算,可以動態(tài)開啟和關(guān)閉,開啟后會對發(fā)送過來的要播放的聲音數(shù)據(jù),進(jìn)行運算得到當(dāng)前這個音頻數(shù)據(jù)的振幅,類似于分貝,分貝越大,聽到的聲音越大,振幅越大。在如何擺放音柱控件這個問題上,考慮過多種方案,比如一開始做的是固定放在視頻控件的右側(cè),也就是在一個垂直布局中先放一個視頻控件,然后放左通道音柱,最后放一個右通道音柱,三個控件之間設(shè)置好間距。后面用戶又提出來直接音柱控件懸浮在視頻控件上方,這樣可以節(jié)約位置,以便視頻控件爭取最大的地方展示,所以近期又專門重新搞了下,音柱可以放置在左側(cè)、右側(cè)、頂部、底部、兩側(cè)、懸浮等位置,然后還可以設(shè)置音柱的尺寸,如果是垂直擺放對應(yīng)尺寸就是寬度,如果是上下擺放對應(yīng)尺寸就是高度,還有個難點就是純音頻的通道,音量條需要擺放在中間位置,比如音量條左右兩側(cè)是一個彈簧,音量條尺寸取寬度的四分之一,這樣看起來就非常美觀了。
由于視頻控件還有懸浮條,所以這個音柱的擺放位置,還需要留出足夠的位置給懸浮條展示,然而呢懸浮條又有多種位置,比如也可以設(shè)置在底部,所以需要根據(jù)懸浮條的位置,再留出對應(yīng)的間隙。在Qt的便利性,要設(shè)計這樣一個帶視頻帶懸浮帶音柱,而且還支持非常靈活的各種參數(shù)設(shè)置,還是非常方便的,比如就新建個frmVideoWidgetVolume帶音柱的視頻窗體,懸浮條也是一個獨立的widget,根據(jù)尺寸變化對應(yīng)移來移去。音柱控件這邊,通過表格布局來插入對應(yīng)的控件。比如需要兩側(cè)顯示音柱,則先插入左聲道音柱,然后插入視頻控件,最后插入右聲道音柱控件。難點就在純音頻的音道控件,他需要根據(jù)尺寸占比自動拉伸,而且一個窗體需要根據(jù)打開的地址來區(qū)分當(dāng)前是否是純音頻,所以需要在解碼完成和結(jié)束的時候去做判斷處理,打完收工。
二、效果圖

三、體驗地址
- 國內(nèi)站點:https://gitee.com/feiyangqingyun
- 國際站點:https://github.com/feiyangqingyun
- 個人作品:https://blog.csdn.net/feiyangqingyun/article/details/97565652
- 體驗地址:鏈接: https://pan.baidu.com/s/1EZztM8PxkdsUp_LPnGZqnQ 提取碼: 3kmm 文件名:bin_video_system。
四、相關(guān)代碼
#include "frmvideowidgetvolume.h"
#include "ui_frmvideowidgetvolume.h"
#include "qthelper.h"
#include "videowidgetx.h"
#include "barvolume.h"
frmVideoWidgetVolume::frmVideoWidgetVolume(int position, VideoWidget *videoWidget, QWidget *parent) : QWidget(parent), ui(new Ui::frmVideoWidgetVolume)
{
ui->setupUi(this);
this->position = position;
this->videoWidget = videoWidget;
bgText = videoWidget->getBgText();
isVertical = true;
if (position == 2 || position == 4) {
isVertical = false;
}
//實例化音柱控件并設(shè)置方向
leftVolume = new BarVolume;
rightVolume = new BarVolume;
leftVolume->setVertical(isVertical);
rightVolume->setVertical(isVertical);
//實例化布局并設(shè)置邊距間距
QGridLayout *layout = new QGridLayout(this);
layout->setContentsMargins(0, 0, 0, 0);
layout->setSpacing(3);
//將音柱控件和視頻控件插入到對應(yīng)位置/可以自行拓展各種布局
if (position == 1) {
layout->addWidget(leftVolume, 0, 0);
layout->addWidget(rightVolume, 0, 1);
layout->addWidget(videoWidget, 0, 2);
} else if (position == 2) {
layout->addWidget(leftVolume, 0, 0);
layout->addWidget(rightVolume, 1, 0);
layout->addWidget(videoWidget, 2, 0);
} else if (position == 3) {
layout->addWidget(videoWidget, 0, 0);
layout->addWidget(leftVolume, 0, 1);
layout->addWidget(rightVolume, 0, 2);
} else if (position == 4) {
layout->addWidget(videoWidget, 0, 0);
layout->addWidget(leftVolume, 1, 0);
layout->addWidget(rightVolume, 2, 0);
} else if (position == 5) {
layout->addWidget(leftVolume, 0, 0);
layout->addWidget(videoWidget, 0, 1);
layout->addWidget(rightVolume, 0, 2);
} else if (position == 6) {
//實例化彈簧控件
spaceLeft = new QSpacerItem(0, 0, QSizePolicy::Expanding, QSizePolicy::Preferred);
spaceCenter = new QSpacerItem(0, 0, QSizePolicy::Expanding, QSizePolicy::Preferred);
spaceRight = new QSpacerItem(0, 0, QSizePolicy::Expanding, QSizePolicy::Preferred);
//實例化布局并插入控件
hlayout = new QHBoxLayout;
hlayout->addWidget(leftVolume);
hlayout->addItem(spaceCenter);
hlayout->addWidget(rightVolume);
videoWidget->setLayout(hlayout);
layout->addWidget(videoWidget);
}
//關(guān)聯(lián)音頻振幅信號
connect(videoWidget, SIGNAL(sig_receiveLevel(qreal, qreal)), this, SLOT(receiveLevel(qreal, qreal)));
//打開和關(guān)閉后需要清空下(有可能殘留上一次的數(shù)據(jù))
connect(videoWidget, SIGNAL(sig_receivePlayStart(int)), this, SLOT(reset()));
connect(videoWidget, SIGNAL(sig_receivePlayFinsh()), this, SLOT(reset()));
//音柱窗體參數(shù)變化后需要重置
connect(AppEvent::Instance(), SIGNAL(changeVolumeWidget()), this, SLOT(reset()));
}
frmVideoWidgetVolume::~frmVideoWidgetVolume()
{
delete ui;
}
void frmVideoWidgetVolume::resizeEvent(QResizeEvent *)
{
int width = this->width();
int height = this->height();
//根據(jù)寬度動態(tài)設(shè)置音量條寬度或者高度/也可以設(shè)置成固定值
int size = (isVertical ? width : height);
if (AppConfig::VolumeSize == 0) {
size = size * 0.05;
size = (size > 20 ? 20 : size);
} else {
size = AppConfig::VolumeSize;
}
if (isVertical) {
leftVolume->setMaximumWidth(size);
rightVolume->setMaximumWidth(size);
} else {
leftVolume->setMaximumHeight(size);
rightVolume->setMaximumHeight(size);
}
//根據(jù)高度動態(tài)設(shè)置音量格子數(shù)量(一般高度越小格子數(shù)越少)
int step = height / (position == 6 ? 10 : 6);
leftVolume->setStep(step);
rightVolume->setStep(step);
//根據(jù)音柱位置擺放控件
if (position == 6) {
if (videoWidget->getIsRunning() && videoWidget->getVideoThread()->getIsOk()) {
leftVolume->show();
rightVolume->show();
//根據(jù)懸浮條的位置留出空余的地方
int offset = 35;
if (AppConfig::BannerPosition == 1) {
hlayout->setContentsMargins(9, 9, 9, offset);
} else if (AppConfig::BannerPosition == 2) {
hlayout->setContentsMargins(offset, 9, 9, 9);
} else if (AppConfig::BannerPosition == 3) {
hlayout->setContentsMargins(9, 9, offset, 9);
} else {
hlayout->setContentsMargins(9, offset, 9, 9);
}
//先把布局中的挨個移除
hlayout->removeItem(spaceLeft);
hlayout->removeItem(spaceCenter);
hlayout->removeItem(spaceRight);
hlayout->removeWidget(leftVolume);
hlayout->removeWidget(rightVolume);
//純音頻需要占用比較大的面積
if (videoWidget->getOnlyAudio()) {
videoWidget->setBgText("");
size = width / 4;
leftVolume->setMaximumWidth(size);
rightVolume->setMaximumWidth(size);
leftVolume->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Ignored);
rightVolume->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Ignored);
hlayout->addItem(spaceLeft);
hlayout->addWidget(leftVolume);
hlayout->addWidget(rightVolume);
hlayout->addItem(spaceRight);
} else {
leftVolume->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Ignored);
rightVolume->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Ignored);
hlayout->addWidget(leftVolume);
hlayout->addItem(spaceCenter);
hlayout->addWidget(rightVolume);
}
} else {
leftVolume->hide();
rightVolume->hide();
videoWidget->setBgText(bgText);
}
}
}
void frmVideoWidgetVolume::reset()
{
leftVolume->clear();
rightVolume->clear();
this->resizeEvent(NULL);
}
void frmVideoWidgetVolume::receiveLevel(qreal leftLevel, qreal rightLevel)
{
leftVolume->setValue(leftLevel);
rightVolume->setValue(rightLevel);
}五、功能特點
5.1 軟件模塊
- 視頻監(jiān)控模塊,各種??啃〈绑w子模塊,包括設(shè)備列表、圖文警情、窗口信息、云臺控制、預(yù)置位、巡航設(shè)置、設(shè)備控制、懸浮地圖、網(wǎng)頁瀏覽等。
- 視頻回放模塊,包括本地回放、遠(yuǎn)程回放、設(shè)備播放、圖片回放、視頻上傳等。
- 電子地圖模塊,包括圖片地圖、在線地圖、離線地圖、路徑規(guī)劃等。
- 日志查詢模塊,包括本地日志、設(shè)備日志等。
- 系統(tǒng)設(shè)置模塊,包括系統(tǒng)設(shè)置(基本設(shè)置、視頻參數(shù)、數(shù)據(jù)庫設(shè)置、地圖配置、串口配置等)、錄像機(jī)管理、攝像機(jī)管理、輪詢配置、錄像計劃、用戶管理等。
5.2 基礎(chǔ)功能
- 支持各種視頻流(rtsp、rtmp、http等)、視頻文件(mp4、rmvb、avi等)、本地USB攝像機(jī)播放。
- 支持多畫面切換,包括1、4、6、8、9、13、16、25、36、64畫面切換。
- 支持全屏切換,多種切換方式包括鼠標(biāo)右鍵菜單、工具欄按鈕、快捷鍵(alt+enter全屏,esc退出全屏)。
- 支持視頻輪詢,包括1、4、9、16畫面輪詢,可設(shè)置輪詢分組(輪詢預(yù)案)、輪詢間隔、碼流類型等。
- 支持onvif協(xié)議,包括設(shè)備搜索、云臺控制、預(yù)置位、設(shè)備控制(圖片參數(shù)、校對時間、系統(tǒng)重啟,抓拍圖片等)。
- 支持權(quán)限管理,不同的用戶可以對應(yīng)不同的模塊權(quán)限,比如刪除日志、關(guān)閉系統(tǒng)等。
- 數(shù)據(jù)庫支持多種,包括sqlite、mysql、sqlserver、postgresql、oracle、人大金倉等。
- 本地USB攝像機(jī)支持設(shè)置分辨率、幀率等參數(shù)。
- 所有??磕K都自動生成對應(yīng)的菜單用來控制顯示和隱藏,在標(biāo)題欄右鍵可以彈出。
- 支持顯示所有模塊、隱藏所有模塊、復(fù)位普通布局、復(fù)位全屏布局。
- 雙擊設(shè)備彈出實時預(yù)覽視頻,支持圖片地圖、在線地圖、離線地圖等。
- 攝像機(jī)節(jié)點拖曳到對應(yīng)窗體播放視頻,同時支持拖曳本地文件直接播放。
- 刪除視頻支持鼠標(biāo)右鍵刪除、懸浮條關(guān)閉刪除、拖曳到視頻監(jiān)控面板外刪除等多種方式。
- 圖片地圖上設(shè)備按鈕可自由拖動,自動保存位置信息。百度地圖上可以鼠標(biāo)單擊獲取經(jīng)緯度信息,用來更新設(shè)備位置。
- 視頻監(jiān)控面板窗體中任意通道支持拖曳交換,瞬間響應(yīng)。
- 封裝了百度地圖,視圖切換,運動軌跡,設(shè)備點位,鼠標(biāo)按下獲取經(jīng)緯度等。
- 雙擊節(jié)點、拖曳節(jié)點、拖曳窗體交換位置等操作,均自動更新保存最后的播放地址,下次軟件打開自動應(yīng)用。
- 右下角音量條控件,失去焦點自動隱藏,音量條帶靜音圖標(biāo)。
- 支持視頻截圖,可指定單個或者對所有通道截圖,底部小工具欄也有截圖按鈕。
- 支持超時自動隱藏鼠標(biāo)指針、自動全屏機(jī)制。
- 支持onvif云臺控制,可上下左右移動云臺攝像機(jī),包括復(fù)位和焦距調(diào)整等。
- 支持onvif預(yù)置位,可以添加、刪除、修改預(yù)置位,可以調(diào)用起始位。
- 支持onvif圖像參數(shù)設(shè)置,包括明亮度、對比度、飽和度、尖銳度等。
- 支持onvif其他操作,包括抓圖、網(wǎng)絡(luò)設(shè)置、校時、重啟、事件訂閱等。
- 支持任意onvif攝像機(jī),包括但不限于??怠⒋笕A、宇視、天地偉業(yè)、華為等。
- 可保存視頻,可選定時存儲或者單文件存儲,可選存儲間隔時間。
- 可設(shè)置視頻流通信方式tcp+udp,可設(shè)置視頻解碼是速度優(yōu)先、質(zhì)量優(yōu)先、均衡等。
- 可設(shè)置軟件中文名稱、英文名稱、LOGO圖標(biāo)等。
- 存儲的視頻文件支持導(dǎo)出到指定目錄,支持批量上傳到服務(wù)器。
- 完善的錄像計劃設(shè)置,支持每個通道7 * 24小時每半小時設(shè)置是否存儲錄像。
5.3 特色功能
- 主界面采用停靠窗體模式,各種組件以小模塊的形式加入,可自定義任意模塊加入。
- ??磕K可拖動任意位置嵌入和懸浮,支持最大化全屏,支持多屏幕。
- 雙重布局文件存儲機(jī)制,正常模式、全屏模式都對應(yīng)不同的布局方案,自動切換和保存,比如全屏模式可以突出幾個模塊透明顯示在指定位置,更具科幻感現(xiàn)代化。
- 原創(chuàng)onvif協(xié)議機(jī)制,采用底層協(xié)議解析(udp廣播搜索+http請求執(zhí)行命令)更輕量易懂易學(xué)習(xí)拓展,不依賴任何第三方組件比如gsoap。
- 原創(chuàng)數(shù)據(jù)導(dǎo)入、導(dǎo)出、打印機(jī)制,跨平臺不依賴任何組件,瞬間導(dǎo)出數(shù)據(jù)。
- 內(nèi)置多個原創(chuàng)組件,宇宙超值超級牛逼,包括數(shù)據(jù)導(dǎo)入導(dǎo)出組件(導(dǎo)出到xls、pdf、打?。?、數(shù)據(jù)庫組件(數(shù)據(jù)庫管理線程、自動清理數(shù)據(jù)線程、萬能分頁、數(shù)據(jù)請求等)、地圖組件、視頻監(jiān)控組件、文件多線程收發(fā)組件、onvif通信組件、通用瀏覽器內(nèi)核組件等。
- 自定義信息框+錯誤框+詢問框+右下角提示框(包含多種格式)等。
- 精美換膚,高達(dá)17套皮膚樣式隨意更換,所有樣式全部統(tǒng)一,包括菜單等。
- 視頻控件懸浮條可以自行增加多個按鈕,監(jiān)控界面底部小工具欄也可自行增加按鈕。
- 雙擊攝像機(jī)節(jié)點自動播放視頻,雙擊節(jié)點自動依次添加視頻,會自動跳到下一個,雙擊父節(jié)點自動添加該節(jié)點下的所有視頻??蛇x主碼流、子碼流。
- 錄像機(jī)管理、攝像機(jī)管理,可添加刪除修改導(dǎo)入導(dǎo)出打印信息,立即應(yīng)用新的設(shè)備信息生成樹狀列表,不需重啟。
- 可選多種內(nèi)核自由切換,ffmpeg、vlc、mpv等,均可在pro中設(shè)置。推薦用ffmpeg,跨平臺最多,默認(rèn)提供好了linux和mac平臺上編譯好的庫。
- 支持硬解碼,可設(shè)置硬解碼類型(qsv、dxva2、d3d11va等)。
- 默認(rèn)采用opengl繪制視頻,超低的CPU資源占用,支持yuyv和nv12兩種格式繪制,性能爆表。
- 標(biāo)簽和圖形信息支持三種繪制方式,繪制到遮罩層、繪制到圖片、源頭繪制(對應(yīng)信息可以存儲到文件)。
- 高度可定制化,用戶可以很方便的在此基礎(chǔ)上衍生自己的功能,比如增加自定義模塊,增加運行模式、機(jī)器人監(jiān)控、無人機(jī)監(jiān)控、挖掘機(jī)監(jiān)控等。
- 支持xp、win7、win10、win11、linux、mac、各種國產(chǎn)系統(tǒng)(UOS、中標(biāo)麒麟、銀河麒麟等)、嵌入式linux等系統(tǒng)。
- 注釋完整,項目結(jié)構(gòu)清晰,超級詳細(xì)完整的使用開發(fā)手冊,精確到每個代碼文件的功能說明,不斷持續(xù)迭代版本。
到此這篇關(guān)于Qt/C++編寫視頻監(jiān)控系統(tǒng)82-自定義音柱顯示的文章就介紹到這了,更多相關(guān)C++視頻監(jiān)控系統(tǒng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
C++實現(xiàn)圖的鄰接表存儲和廣度優(yōu)先遍歷實例分析
這篇文章主要介紹了C++實現(xiàn)圖的鄰接表存儲和廣度優(yōu)先遍歷,實例分析了C++實現(xiàn)圖的存儲與遍歷技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
C++命名空間?缺省參數(shù)?const總結(jié)?引用總結(jié)?內(nèi)聯(lián)函數(shù)?auto關(guān)鍵字詳解
這篇文章主要介紹了C++命名空間?缺省參數(shù)?const總結(jié)?引用總結(jié)?內(nèi)聯(lián)函數(shù)?auto關(guān)鍵字詳解的相關(guān)資料,需要的朋友可以參考下2023-01-01
C語言SetConsoleTextAttribute函數(shù)使用方法
這篇文章介紹了C語言SetConsoleTextAttribute函數(shù)的使用方法,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12

