Qt/C++編寫(xiě)視頻監(jiān)控系統(tǒng)之自定義音柱顯示功能
一、前言
通過(guò)音柱控件實(shí)時(shí)展示當(dāng)前播放的聲音產(chǎn)生的振幅的大小,得益于音頻播放組件內(nèi)置了音頻振幅的計(jì)算,可以動(dòng)態(tài)開(kāi)啟和關(guān)閉,開(kāi)啟后會(huì)對(duì)發(fā)送過(guò)來(lái)的要播放的聲音數(shù)據(jù),進(jìn)行運(yùn)算得到當(dāng)前這個(gè)音頻數(shù)據(jù)的振幅,類似于分貝,分貝越大,聽(tīng)到的聲音越大,振幅越大。在如何擺放音柱控件這個(gè)問(wèn)題上,考慮過(guò)多種方案,比如一開(kāi)始做的是固定放在視頻控件的右側(cè),也就是在一個(gè)垂直布局中先放一個(gè)視頻控件,然后放左通道音柱,最后放一個(gè)右通道音柱,三個(gè)控件之間設(shè)置好間距。后面用戶又提出來(lái)直接音柱控件懸浮在視頻控件上方,這樣可以節(jié)約位置,以便視頻控件爭(zhēng)取最大的地方展示,所以近期又專門(mén)重新搞了下,音柱可以放置在左側(cè)、右側(cè)、頂部、底部、兩側(cè)、懸浮等位置,然后還可以設(shè)置音柱的尺寸,如果是垂直擺放對(duì)應(yīng)尺寸就是寬度,如果是上下擺放對(duì)應(yīng)尺寸就是高度,還有個(gè)難點(diǎn)就是純音頻的通道,音量條需要擺放在中間位置,比如音量條左右兩側(cè)是一個(gè)彈簧,音量條尺寸取寬度的四分之一,這樣看起來(lái)就非常美觀了。
由于視頻控件還有懸浮條,所以這個(gè)音柱的擺放位置,還需要留出足夠的位置給懸浮條展示,然而呢懸浮條又有多種位置,比如也可以設(shè)置在底部,所以需要根據(jù)懸浮條的位置,再留出對(duì)應(yīng)的間隙。在Qt的便利性,要設(shè)計(jì)這樣一個(gè)帶視頻帶懸浮帶音柱,而且還支持非常靈活的各種參數(shù)設(shè)置,還是非常方便的,比如就新建個(gè)frmVideoWidgetVolume帶音柱的視頻窗體,懸浮條也是一個(gè)獨(dú)立的widget,根據(jù)尺寸變化對(duì)應(yīng)移來(lái)移去。音柱控件這邊,通過(guò)表格布局來(lái)插入對(duì)應(yīng)的控件。比如需要兩側(cè)顯示音柱,則先插入左聲道音柱,然后插入視頻控件,最后插入右聲道音柱控件。難點(diǎn)就在純音頻的音道控件,他需要根據(jù)尺寸占比自動(dòng)拉伸,而且一個(gè)窗體需要根據(jù)打開(kāi)的地址來(lái)區(qū)分當(dāng)前是否是純音頻,所以需要在解碼完成和結(jié)束的時(shí)候去做判斷處理,打完收工。
二、效果圖
三、體驗(yàn)地址
- 國(guó)內(nèi)站點(diǎn):https://gitee.com/feiyangqingyun
- 國(guó)際站點(diǎn):https://github.com/feiyangqingyun
- 個(gè)人作品:https://blog.csdn.net/feiyangqingyun/article/details/97565652
- 體驗(yàn)地址:鏈接: 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í)例化音柱控件并設(shè)置方向 leftVolume = new BarVolume; rightVolume = new BarVolume; leftVolume->setVertical(isVertical); rightVolume->setVertical(isVertical); //實(shí)例化布局并設(shè)置邊距間距 QGridLayout *layout = new QGridLayout(this); layout->setContentsMargins(0, 0, 0, 0); layout->setSpacing(3); //將音柱控件和視頻控件插入到對(duì)應(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) { //實(shí)例化彈簧控件 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); //實(shí)例化布局并插入控件 hlayout = new QHBoxLayout; hlayout->addWidget(leftVolume); hlayout->addItem(spaceCenter); hlayout->addWidget(rightVolume); videoWidget->setLayout(hlayout); layout->addWidget(videoWidget); } //關(guān)聯(lián)音頻振幅信號(hào) connect(videoWidget, SIGNAL(sig_receiveLevel(qreal, qreal)), this, SLOT(receiveLevel(qreal, qreal))); //打開(kāi)和關(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ù)寬度動(dòng)態(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ù)高度動(dòng)態(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); } //先把布局中的挨個(gè)移除 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); }
五、功能特點(diǎn)
5.1 軟件模塊
- 視頻監(jiān)控模塊,各種??啃〈绑w子模塊,包括設(shè)備列表、圖文警情、窗口信息、云臺(tái)控制、預(yù)置位、巡航設(shè)置、設(shè)備控制、懸浮地圖、網(wǎng)頁(yè)瀏覽等。
- 視頻回放模塊,包括本地回放、遠(yuǎn)程回放、設(shè)備播放、圖片回放、視頻上傳等。
- 電子地圖模塊,包括圖片地圖、在線地圖、離線地圖、路徑規(guī)劃等。
- 日志查詢模塊,包括本地日志、設(shè)備日志等。
- 系統(tǒng)設(shè)置模塊,包括系統(tǒng)設(shè)置(基本設(shè)置、視頻參數(shù)、數(shù)據(jù)庫(kù)設(shè)置、地圖配置、串口配置等)、錄像機(jī)管理、攝像機(jī)管理、輪詢配置、錄像計(jì)劃、用戶管理等。
5.2 基礎(chǔ)功能
- 支持各種視頻流(rtsp、rtmp、http等)、視頻文件(mp4、rmvb、avi等)、本地USB攝像機(jī)播放。
- 支持多畫(huà)面切換,包括1、4、6、8、9、13、16、25、36、64畫(huà)面切換。
- 支持全屏切換,多種切換方式包括鼠標(biāo)右鍵菜單、工具欄按鈕、快捷鍵(alt+enter全屏,esc退出全屏)。
- 支持視頻輪詢,包括1、4、9、16畫(huà)面輪詢,可設(shè)置輪詢分組(輪詢預(yù)案)、輪詢間隔、碼流類型等。
- 支持onvif協(xié)議,包括設(shè)備搜索、云臺(tái)控制、預(yù)置位、設(shè)備控制(圖片參數(shù)、校對(duì)時(shí)間、系統(tǒng)重啟,抓拍圖片等)。
- 支持權(quán)限管理,不同的用戶可以對(duì)應(yīng)不同的模塊權(quán)限,比如刪除日志、關(guān)閉系統(tǒng)等。
- 數(shù)據(jù)庫(kù)支持多種,包括sqlite、mysql、sqlserver、postgresql、oracle、人大金倉(cāng)等。
- 本地USB攝像機(jī)支持設(shè)置分辨率、幀率等參數(shù)。
- 所有??磕K都自動(dòng)生成對(duì)應(yīng)的菜單用來(lái)控制顯示和隱藏,在標(biāo)題欄右鍵可以彈出。
- 支持顯示所有模塊、隱藏所有模塊、復(fù)位普通布局、復(fù)位全屏布局。
- 雙擊設(shè)備彈出實(shí)時(shí)預(yù)覽視頻,支持圖片地圖、在線地圖、離線地圖等。
- 攝像機(jī)節(jié)點(diǎn)拖曳到對(duì)應(yīng)窗體播放視頻,同時(shí)支持拖曳本地文件直接播放。
- 刪除視頻支持鼠標(biāo)右鍵刪除、懸浮條關(guān)閉刪除、拖曳到視頻監(jiān)控面板外刪除等多種方式。
- 圖片地圖上設(shè)備按鈕可自由拖動(dòng),自動(dòng)保存位置信息。百度地圖上可以鼠標(biāo)單擊獲取經(jīng)緯度信息,用來(lái)更新設(shè)備位置。
- 視頻監(jiān)控面板窗體中任意通道支持拖曳交換,瞬間響應(yīng)。
- 封裝了百度地圖,視圖切換,運(yùn)動(dòng)軌跡,設(shè)備點(diǎn)位,鼠標(biāo)按下獲取經(jīng)緯度等。
- 雙擊節(jié)點(diǎn)、拖曳節(jié)點(diǎn)、拖曳窗體交換位置等操作,均自動(dòng)更新保存最后的播放地址,下次軟件打開(kāi)自動(dòng)應(yīng)用。
- 右下角音量條控件,失去焦點(diǎn)自動(dòng)隱藏,音量條帶靜音圖標(biāo)。
- 支持視頻截圖,可指定單個(gè)或者對(duì)所有通道截圖,底部小工具欄也有截圖按鈕。
- 支持超時(shí)自動(dòng)隱藏鼠標(biāo)指針、自動(dòng)全屏機(jī)制。
- 支持onvif云臺(tái)控制,可上下左右移動(dòng)云臺(tái)攝像機(jī),包括復(fù)位和焦距調(diào)整等。
- 支持onvif預(yù)置位,可以添加、刪除、修改預(yù)置位,可以調(diào)用起始位。
- 支持onvif圖像參數(shù)設(shè)置,包括明亮度、對(duì)比度、飽和度、尖銳度等。
- 支持onvif其他操作,包括抓圖、網(wǎng)絡(luò)設(shè)置、校時(shí)、重啟、事件訂閱等。
- 支持任意onvif攝像機(jī),包括但不限于海康、大華、宇視、天地偉業(yè)、華為等。
- 可保存視頻,可選定時(shí)存儲(chǔ)或者單文件存儲(chǔ),可選存儲(chǔ)間隔時(shí)間。
- 可設(shè)置視頻流通信方式tcp+udp,可設(shè)置視頻解碼是速度優(yōu)先、質(zhì)量?jī)?yōu)先、均衡等。
- 可設(shè)置軟件中文名稱、英文名稱、LOGO圖標(biāo)等。
- 存儲(chǔ)的視頻文件支持導(dǎo)出到指定目錄,支持批量上傳到服務(wù)器。
- 完善的錄像計(jì)劃設(shè)置,支持每個(gè)通道7 * 24小時(shí)每半小時(shí)設(shè)置是否存儲(chǔ)錄像。
5.3 特色功能
- 主界面采用停靠窗體模式,各種組件以小模塊的形式加入,可自定義任意模塊加入。
- 停靠模塊可拖動(dòng)任意位置嵌入和懸浮,支持最大化全屏,支持多屏幕。
- 雙重布局文件存儲(chǔ)機(jī)制,正常模式、全屏模式都對(duì)應(yīng)不同的布局方案,自動(dòng)切換和保存,比如全屏模式可以突出幾個(gè)模塊透明顯示在指定位置,更具科幻感現(xiàn)代化。
- 原創(chuàng)onvif協(xié)議機(jī)制,采用底層協(xié)議解析(udp廣播搜索+http請(qǐng)求執(zhí)行命令)更輕量易懂易學(xué)習(xí)拓展,不依賴任何第三方組件比如gsoap。
- 原創(chuàng)數(shù)據(jù)導(dǎo)入、導(dǎo)出、打印機(jī)制,跨平臺(tái)不依賴任何組件,瞬間導(dǎo)出數(shù)據(jù)。
- 內(nèi)置多個(gè)原創(chuàng)組件,宇宙超值超級(jí)牛逼,包括數(shù)據(jù)導(dǎo)入導(dǎo)出組件(導(dǎo)出到xls、pdf、打?。?shù)據(jù)庫(kù)組件(數(shù)據(jù)庫(kù)管理線程、自動(dòng)清理數(shù)據(jù)線程、萬(wàn)能分頁(yè)、數(shù)據(jù)請(qǐng)求等)、地圖組件、視頻監(jiān)控組件、文件多線程收發(fā)組件、onvif通信組件、通用瀏覽器內(nèi)核組件等。
- 自定義信息框+錯(cuò)誤框+詢問(wèn)框+右下角提示框(包含多種格式)等。
- 精美換膚,高達(dá)17套皮膚樣式隨意更換,所有樣式全部統(tǒng)一,包括菜單等。
- 視頻控件懸浮條可以自行增加多個(gè)按鈕,監(jiān)控界面底部小工具欄也可自行增加按鈕。
- 雙擊攝像機(jī)節(jié)點(diǎn)自動(dòng)播放視頻,雙擊節(jié)點(diǎn)自動(dòng)依次添加視頻,會(huì)自動(dòng)跳到下一個(gè),雙擊父節(jié)點(diǎn)自動(dòng)添加該節(jié)點(diǎn)下的所有視頻。可選主碼流、子碼流。
- 錄像機(jī)管理、攝像機(jī)管理,可添加刪除修改導(dǎo)入導(dǎo)出打印信息,立即應(yīng)用新的設(shè)備信息生成樹(shù)狀列表,不需重啟。
- 可選多種內(nèi)核自由切換,ffmpeg、vlc、mpv等,均可在pro中設(shè)置。推薦用ffmpeg,跨平臺(tái)最多,默認(rèn)提供好了linux和mac平臺(tái)上編譯好的庫(kù)。
- 支持硬解碼,可設(shè)置硬解碼類型(qsv、dxva2、d3d11va等)。
- 默認(rèn)采用opengl繪制視頻,超低的CPU資源占用,支持yuyv和nv12兩種格式繪制,性能爆表。
- 標(biāo)簽和圖形信息支持三種繪制方式,繪制到遮罩層、繪制到圖片、源頭繪制(對(duì)應(yīng)信息可以存儲(chǔ)到文件)。
- 高度可定制化,用戶可以很方便的在此基礎(chǔ)上衍生自己的功能,比如增加自定義模塊,增加運(yùn)行模式、機(jī)器人監(jiān)控、無(wú)人機(jī)監(jiān)控、挖掘機(jī)監(jiān)控等。
- 支持xp、win7、win10、win11、linux、mac、各種國(guó)產(chǎn)系統(tǒng)(UOS、中標(biāo)麒麟、銀河麒麟等)、嵌入式linux等系統(tǒng)。
- 注釋完整,項(xiàng)目結(jié)構(gòu)清晰,超級(jí)詳細(xì)完整的使用開(kāi)發(fā)手冊(cè),精確到每個(gè)代碼文件的功能說(shuō)明,不斷持續(xù)迭代版本。
到此這篇關(guān)于Qt/C++編寫(xiě)視頻監(jiān)控系統(tǒng)82-自定義音柱顯示的文章就介紹到這了,更多相關(guān)C++視頻監(jiān)控系統(tǒng)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
C++實(shí)現(xiàn)圖的鄰接表存儲(chǔ)和廣度優(yōu)先遍歷實(shí)例分析
這篇文章主要介紹了C++實(shí)現(xiàn)圖的鄰接表存儲(chǔ)和廣度優(yōu)先遍歷,實(shí)例分析了C++實(shí)現(xiàn)圖的存儲(chǔ)與遍歷技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04C++命名空間?缺省參數(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-01C語(yǔ)言實(shí)現(xiàn)的程序員老黃歷實(shí)例
這篇文章主要介紹了C語(yǔ)言實(shí)現(xiàn)的程序員老黃歷,涉及日期的判定及流程控制的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07C語(yǔ)言SetConsoleTextAttribute函數(shù)使用方法
這篇文章介紹了C語(yǔ)言SetConsoleTextAttribute函數(shù)的使用方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12詳解C語(yǔ)言動(dòng)態(tài)內(nèi)存的分配
這篇文章主要為大家介紹了C語(yǔ)言動(dòng)態(tài)內(nèi)存的分配,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-12-12opencv車道線檢測(cè)的實(shí)現(xiàn)方法
這篇文章主要介紹了opencv車道線檢測(cè)的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08C/C++?Qt?運(yùn)用JSON解析庫(kù)的實(shí)例代碼
這篇文章主要介紹了C/C++?Qt?運(yùn)用JSON解析庫(kù)的相關(guān)知識(shí),通過(guò)代碼依次解析這個(gè)json文件中的每一個(gè)參數(shù),代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-01-01c語(yǔ)言實(shí)現(xiàn)系統(tǒng)時(shí)間校正工具代碼分享
這篇文章主要介紹了c語(yǔ)言實(shí)現(xiàn)系統(tǒng)時(shí)間校正工具,大家參考使用吧2014-01-01