Qt音視頻開發23-通用視頻控制項

一、前言

在之前做的視頻監控系統中，根據不同的用戶需要，做了好多種視頻監控內核，有ffmpeg內核的，有vlc內核的，有mpv內核的，還有海康sdk內核的，為了做成通用的功能，不同內核很方便的切換，比如pro直接改一個DEFINE的變量名，所以需要將各種內核的使用方法做成一樣的接口，這樣看起來就很整齊，所以後面特意提煉了一個通用的視頻控制項，該控制項沒有具體的視頻播放控制功能，需要根據不同的內核去調用具體的方法實現，後面還需要增加大華sdk或者其他第三方廠家的協議的時候，直接套用這個通用視頻控制項即可，以後增加新的監控內核，可以省下很多工作量，基本上只需要做內核解析就行，其餘通用接口和繪製圖像直接交給通用視頻控制項就行。

通用視頻控制項功能：

1. 可設置邊框大小

2. 可設置邊框顏色

3. 可設置兩路OSD標籤

4. 可設置是否繪製OSD標籤

5. 可設置標籤文本或圖片

6. 可設置OSD位置 左上角+左下角+右上角+右下角

7. 可設置OSD風格 文本+日期+時間+日期時間+圖片

8. 自定義半透明懸浮窗體,一排按鈕

9. 懸浮按鈕可自定義設置,包括背景顏色+按下顏色

10. 發送信號通知單擊了哪個懸浮按鈕

11. 能夠識別拖進來的文件,通知url

12. 提供open close pause等接口

二、功能特點

1. 支持多畫面切換，全屏切換等，包括1+4+6+8+9+13+16+25+36+64畫面切換。

2. 支持alt+enter全屏，esc退出全屏。

3. 自定義信息框+錯誤框+詢問框+右下角提示框（包含多種格式）。

4. 17套皮膚樣式隨意更換，所有樣式全部統一，包括菜單等。

5. 雲臺儀錶盤滑鼠移上去高亮，八個方位精準識別。

6. 底部畫面工具欄（畫面分割切換+截圖聲音等設置）移上去高亮。

7. 可在配置文件更改左上角logo+中文軟體名稱+英文軟體名稱。

8. 封裝了百度地圖，視圖切換，運動軌跡，設備點位，滑鼠按下獲取經緯度等。

9. 支持圖片地圖，設備按鈕可以在圖片地圖上自由拖動自動保存位置信息。

10. 在百度地圖和圖片地圖上，雙擊視頻可以預覽攝像頭實時視頻。

11. 堆棧窗體，每個窗體都是個單獨的qwidget，方便編寫自己的代碼。

12. 頂部滑鼠右鍵菜單，可動態控制時間CPU+左上角面板+左下角面板+右上角面板+右下角面板的顯示和隱藏，支持恢復默認布局。

13. 工具欄可以放置多個小圖標和關閉圖標。

14. 左側右側可拖動拉伸，並自動記憶寬高位置，重啟後恢復。

15. 雙擊攝像機節點自動播放視頻，雙擊節點自動依次添加視頻，會自動跳到下一個，雙擊父節點自動添加該節點下的所有視頻。

16. 攝像機節點拖曳到對應窗體播放視頻，同時支持拖曳本地文件直接播放。

17. 視頻畫面窗體支持拖曳交換，瞬間響應。

18. 雙擊節點+拖曳節點+拖曳窗體交換位置，均自動更新url.txt。

19. 支持從url.txt中加載通道視頻播放，自動記憶最後通道對應的視頻，軟體啟動後自動打開播放。

20. 右下角音量條控制項，失去焦點自動隱藏，音量條帶靜音圖標。

21. 集成百度在線地圖和離線地圖，可以添加設備對應位置，自動生成地圖，支持縮放和添加覆蓋物等。

22. 視頻拖動到通道窗體外自動刪除視頻。

23. 滑鼠右鍵可刪除當前+所有視頻，截圖當前+所有視頻。

24. 錄像機管理、攝像機管理，可添加刪除修改導入導出列印信息，立即應用新的設備信息生成樹狀列表，不需重啟。

25. 在pro文件中可以自由開啟是否加載地圖。

26. 視頻播放可選2種內核自由切換，vlc+ffmpeg，均可在pro中設置。

27. 可設置1+4+9+16畫面輪詢，可設置輪詢間隔以及輪詢碼流類型等，直接在主界面底部工具欄右側單擊啟動輪詢按鈕即可，再次單擊停止輪詢。

28. 默認超過10秒鐘未操作自動隱藏滑鼠指針。

29. 支持onvif搜素設備，支持任意onvif攝像機，包括但不限於海康大華宇視天地偉業華為等。

30. 支持onvif雲臺控制，可上下左右移動雲臺攝像機，包括復位和焦距調整等。

31. 同時支持sqlite、mysql、postsql等資料庫。

32. 可保存視頻，可選定時存儲或者單文件存儲，可選存儲間隔時間。

33. 可設置視頻流通信方式tcp+udp，可設置視頻解碼是速度優先、質量優先、均衡等。

34. 可設置硬解碼類型，支持qsv、dxva2、d3d11va等。

35. 默認採用opengl繪製視頻，超低的CPU資源佔用，支持yuyv和nv12兩種格式繪製，很牛逼。

36. 高度可定製化，用戶可以很方便的在此基礎上衍生自己的功能，支持linux和mac系統。

三、效果圖

四、相關站點

1. 國內站點：[https://gitee.com/feiyangqingyun/QWidgetDemo](https://gitee.com/feiyangqingyun/QWidgetDemo)

2. 國際站點：[https://github.com/feiyangqingyun/QWidgetDemo](https://github.com/feiyangqingyun/QWidgetDemo)

3. 個人主頁：[https://blog.csdn.net/feiyangqingyun](https://blog.csdn.net/feiyangqingyun)

4. 知乎主頁：[https://www.zhihu.com/people/feiyangqingyun/](https://www.zhihu.com/people/feiyangqingyun/)

5. 體驗地址：[https://blog.csdn.net/feiyangqingyun/article/details/97565652](https://blog.csdn.net/feiyangqingyun/article/details/97565652)

五、核心代碼

void VideoWidget::paintEvent(QPaintEvent *){ //如果不需要繪製 if (!drawImage) { return; } //qDebug() << TIMEMS << &34; << objectName(); QPainter painter(this); painter.setRenderHints(QPainter::Antialiasing); //繪製邊框 drawBorder(&painter); if (!image.isNull()) { //繪製背景圖片 drawImg(&painter, image); //繪製標籤 drawOSD(&painter, osd1Visible, osd1FontSize, osd1Text, osd1Color, osd1Image, osd1Format, osd1Position); drawOSD(&painter, osd2Visible, osd2FontSize, osd2Text, osd2Color, osd2Image, osd2Format, osd2Position); } else { //繪製背景 drawBg(&painter); }}void VideoWidget::drawBorder(QPainter *painter){ if (borderWidth == 0) { return; } painter->save(); QPen pen; pen.setWidth(borderWidth); pen.setColor(hasFocus() ? focusColor : borderColor); painter->setPen(pen); painter->drawRect(rect()); painter->restore();}void VideoWidget::drawBg(QPainter *painter){ painter->save(); //背景圖片為空則繪製文字,否則繪製背景圖片 if (bgImage.isNull()) { painter->setFont(this->font()); painter->setPen(palette().foreground().color()); painter->drawText(rect(), Qt::AlignCenter, bgText); } else { //居中繪製 int pixX = rect().center().x() - bgImage.width() / 2; int pixY = rect().center().y() - bgImage.height() / 2; QPoint point(pixX, pixY); painter->drawImage(point, bgImage); } painter->restore();}void VideoWidget::drawImg(QPainter *painter, QImage img){ painter->save(); int offset = borderWidth * 1 + 0; if (fillImage) { QRect rect(offset / 2, offset / 2, width() - offset, height() - offset); painter->drawImage(rect, img); } else { //按照比例自動居中繪製 img = img.scaled(width() - offset, height() - offset, Qt::KeepAspectRatio); int pixX = rect().center().x() - img.width() / 2; int pixY = rect().center().y() - img.height() / 2; QPoint point(pixX, pixY); painter->drawImage(point, img); } painter->restore();}void VideoWidget::drawOSD(QPainter *painter, bool osdVisible, int osdFontSize, const QString &osdText, const QColor &osdColor, const QImage &osdImage, const VideoWidget::OSDFormat &osdFormat, const VideoWidget::OSDPosition &osdPosition){ if (!osdVisible) { return; } painter->save(); //標籤位置儘量偏移多一點避免遮擋 QRect osdRect(rect().x() + (borderWidth * 2), rect().y() + (borderWidth * 2), width() - (borderWidth * 5), height() - (borderWidth * 5)); int flag = Qt::AlignLeft | Qt::AlignTop; QPoint point = QPoint(osdRect.x(), osdRect.y()); if (osdPosition == OSDPosition_Left_Top) { flag = Qt::AlignLeft | Qt::AlignTop; point = QPoint(osdRect.x(), osdRect.y()); } else if (osdPosition == OSDPosition_Left_Bottom) { flag = Qt::AlignLeft | Qt::AlignBottom; point = QPoint(osdRect.x(), osdRect.height() - osdImage.height()); } else if (osdPosition == OSDPosition_Right_Top) { flag = Qt::AlignRight | Qt::AlignTop; point = QPoint(osdRect.width() - osdImage.width(), osdRect.y()); } else if (osdPosition == OSDPosition_Right_Bottom) { flag = Qt::AlignRight | Qt::AlignBottom; point = QPoint(osdRect.width() - osdImage.width(), osdRect.height() - osdImage.height()); } if (osdFormat == OSDFormat_Image) { painter->drawImage(point, osdImage); } else { QDateTime now = QDateTime::currentDateTime(); QString text = osdText; if (osdFormat == OSDFormat_Date) { text = now.toString(&34;); } else if (osdFormat == OSDFormat_Time) { text = now.toString(&34;); } else if (osdFormat == OSDFormat_DateTime) { text = now.toString(&34;); } //設置顏色及字號 QFont font; font.setPixelSize(osdFontSize); painter->setPen(osdColor); painter->setFont(font); painter->drawText(osdRect, flag, text); } painter->restore();}