天小編偶遇技術部兩個程序員小哥，聽兩小哥聊天一會來個“J快叡兒”（JQuery）一會兒又來個“安可T五X”（ActiveX），聽的小編一臉懵逼，于是小編深入技術部，近距離觀看直播源碼是如何敲出來及程序員之前都有哪些術語，下面我將為各位看官講解敲直播源碼需要了解什么。

建一個Qwidget

#include <QWidget>
#include "simple_handler.h"

namespace Ui {
class CefWidget;
}

class CefWidget : public QWidget
{
    Q_OBJECT

public:
    explicit CefWidget(QWidget *parent=nullptr);
    ~CefWidget()
  
private:
    Ui::CefWidget *ui;

    CefRefPtr<SimpleHandler> m_browserHander;
};

#include "cefwidget.h"
#include "ui_cefwidget.h"
#include <WinUser.h>

#include <QDesktopWidget>
#include <QMessageBox>
#include <QDebug>
CefWidget::CefWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::CefWidget)
{
    ui->setupUi(this);

    HWND wnd=(HWND)ui->contentWidget->winId();
    QString indexUrl="www.baidu.com";
//    QString indexUrl="C:/Users/GoUp_For_Interest_99/Desktop/browser_32/readme/a.html";
    RECT winRect;
    QRect messageRect(0, 0, 1200, 600);

    winRect.left=messageRect.left();
    winRect.top=messageRect.top();
    winRect.right=messageRect.right();
    winRect.bottom=messageRect.bottom();

    CefWindowInfo cefWndInfo;
    cefWndInfo.SetAsChild(wnd, winRect);  //將cef界面嵌入qt界面中

    CefBrowserSettings cefBrowSetting;
    m_browserHander=CefRefPtr<SimpleHandler>(new SimpleHandler(false));
    bool browser=CefBrowserHost::CreateBrowser(cefWndInfo, m_browserHander, CefString(indexUrl.toStdWString()), cefBrowSetting, nullptr);
    if (!browser)
    {
        QMessageBox::information(NULL, "warning", "brower create failed!");
    }
}

CefWidget::~CefWidget()
{
    delete ui;
}

修改simple_app.cc

main.cpp

# 一、前言

整個onvif模塊大部分的功能都有了以后，除了在demo上點點按鈕可以執行獲取結果顯示外，最終還是要應用到視頻監控中，在按鈕上點點和系統中后臺自動運行是兩碼事，比如onvif校時和事件訂閱，不會說是傻到在監控系統界面上提供按鈕給用戶點擊才去執行，最多做的應該是系統設置中提供兩個開關比如自動校時、事件訂閱，可以方便的開啟這幾個功能。開啟以后等監控系統啟動后自動去處理，比如挨個對攝像機進行校時處理以及訂閱事件，為了能夠做到添加攝像機后自動立即應用，特意改成了在打開攝像機視頻畫面的時候，主動去實例化DeviceOnvif類（每個攝像機都對應一個實例）

最開始的做法是采用定時器去處理要指定的指令隊列，后面發現速度不好控制，畢竟網絡請求受網速和網絡環境的影響，有時候100毫秒就執行完成了，有時候又需要300毫秒不等，盡管網絡請求的時候已經設置了超時時間（這個時間一般設置成2-3秒，保證請求有足夠的時候返回），這個時間有點大，如果按照這個網絡請求超時時間來設定定時器，設備數量很多的時候太慢了，監控系統一般幾十個設備是有的，這蝸牛一樣的速度要處理到何年馬月，而且每個攝像機有多個指令需要處理比如自動校時、事件訂閱等。

那有沒有一種機制可以盡最快的速度排隊處理呢，答案是當然，這不就是線程擅長干的事情嗎，使勁的干，休息多久自由msleep控制即可，網絡環境好的情況下，20個設備的指令基本上在1s內完成的，這就能夠滿足用戶的需求，畢竟用戶打開軟件后，大概率不想等待太長時間，就像能夠看到所有攝像機時間自動校準好了，搞個攝像機報警也能立即通過onvif協議上報，該處理的都盡快處理完了。

QNetworkAccessManager類如果一開始不是在線程中new出來的，會提示不能在其他線程執行，這就需要在線程的run函數中調用QMetaObject::invokeMethod來執行對應的處理，一個萬能的處理方法就是將需要執行的全部放在work函數中，搞個iswork標志位，進入該開始的時候將標志位iswork=true，處理結束后iswork=false，在run中先判斷標志位是否為假，為假表示當前不在工作，則去調用work函數處理。這就規避了在線程中執行其他線程類對象函數的錯誤提示。

基本的處理思路

- 查詢出所有的攝像機信息。

- 過濾攝像機信息，找出所有具備onvif地址的，只有具備onvif地址的才是需要去處理的。

- 從deviceonvif鏈表中找到當前onvif地址的設備類對象，該方法同時肩帶new出實例在沒有找到對應實例的情況下。

- 將對應的處理轉成命令指令隊列，帶有onvif地址標識，交給onvifthread線程類專門處理。

- 所有的方法在該實例中都有對應方法進行處理，對該實例調用對應的方法比如校時、事件訂閱、抓圖等。

- 處理完成后將對應的結果信號發出去，對應三個參數分別表示onvif地址、指令、結果數據（QVariant類型）。

onvif主要的功能

1. 搜索設備，獲取設備的信息比如廠家、型號等。

2. 獲取設備的多個配置文件信息profile。

3. 獲取對應配置文件的視頻流地址rtsp，以及分辨率等參數。

4. 云臺控制，上下左右移動，焦距放大縮小，相對和絕對移動。

5. 獲取預置位信息，觸發預置位。

6. 訂閱事件，接收設備的各種消息尤其是報警事件比如IO口的報警。

7. 抓圖，獲取設備當前的圖片。

8. 獲取、創建、刪除用戶信息。

9. 獲取和設備網絡配置信息比如IP地址等。

10. 獲取和設置NTP時間同步。

11. 獲取和設置設備時間。

12. 重啟設備。

onvif的處理流程

1. 綁定組播IP（239.255.255.250）和端口（3702），發送固定的xml格式的數據搜索設備。

2. 接收到的xml格式的數據解析，得到設備的Onvif地址。

3. 對Onvif地址發送對應的數據，收到數據取出對應的節點數據。

4. 請求Onvif地址獲取Media地址和Ptz地址，Media地址用來獲取詳細的配置文件，Ptz地址用來云臺控制。

5. ptz控制是對Ptz地址發送對應的數據即可。

6. 設置了用戶認證的需要組織用戶token信息一塊發送，每次都需要作鑒權處理。

7. 接收到的數據不是標準的xml數據，沒法按照正常的節點解析來處理，只能用QXmlQuery來做。

8. 每個廠家設備返回的數據未必完全一致，基本上都不一致，需要進行模糊查找節點值。

9. 特意采用底層協議解析，因為soap太臃腫函數名稱太另類，特意做的輕量級的。

10. 兩個必備工具，Onvif Device Manager 和 Onvif Device Test Tool。

## 二、功能特點

### （一）軟件模塊

1. 視頻監控模塊，各種停靠小窗體子模塊，包括設備列表、圖文警情、窗口信息、云臺控制、預置位、巡航設置、設備控制、懸浮地圖、網頁瀏覽等。

2. 視頻回放模塊，包括本地回放、遠程回放、設備播放、圖片回放、視頻上傳等。

3. 電子地圖模塊，包括圖片地圖、在線地圖、離線地圖、路徑規劃等。

4. 日志查詢模塊，包括本地日志、設備日志等。

5. 系統設置模塊，包括系統設置（基本設置、視頻參數、數據庫設置、地圖配置、串口配置等）、錄像機管理、攝像機管理、輪詢配置、用戶管理等。

### （二）基礎功能

1. 支持各種視頻流（rtsp、rtmp、http等）、視頻文件（mp4、rmvb、avi等）、本地USB攝像機播放。

2. 支持多畫面切換，包括1、4、6、8、9、13、16、25、36、64畫面切換。

3. 支持全屏切換，多種切換方式包括鼠標右鍵菜單、工具欄按鈕、快捷鍵（alt+enter全屏，esc退出全屏）。

4. 支持視頻輪詢，包括1、4、9、16畫面輪詢，可設置輪詢分組（輪詢預案）、輪詢間隔、碼流類型等。

5. 支持onvif協議，包括設備搜索、云臺控制、設備控制（圖片參數、校對時間、系統重啟，抓拍圖片等）。

6. 支持權限管理，不同的用戶可以對應不同的模塊權限，比如刪除日志、關閉系統等。

7. 數據庫支持多種，包括sqlite、mysql、sqlserver、postgresql、oracle、人大金倉等。

8. 本地USB攝像機支持設置分辨率、幀率等參數。

9. 所有停靠模塊都自動生成對應的菜單用來控制顯示和隱藏，在標題欄右鍵可以彈出。

10. 支持顯示所有模塊、隱藏所有模塊、復位普通布局、復位全屏布局。

11. 雙擊設備彈出實時預覽視頻，支持圖片地圖、在線地圖、離線地圖等。

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

13. 刪除視頻支持鼠標右鍵刪除、懸浮條關閉刪除、拖曳到視頻監控面板外刪除等多種方式。

14. 圖片地圖上設備按鈕可自由拖動，自動保存位置信息。百度地圖上可以鼠標單擊獲取經緯度信息，用來更新設備位置。

15. 視頻監控面板窗體中任意通道支持拖曳交換，瞬間響應。

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

17. 雙擊節點、拖曳節點、拖曳窗體交換位置等操作，均自動更新保存最后的播放地址，下次軟件打開自動應用。

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

19. 支持視頻截圖，可指定單個或者對所有通道截圖，底部小工具欄也有截圖按鈕。

20. 支持超時自動隱藏鼠標指針、自動全屏機制。

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

22. 支持任意onvif攝像機，包括但不限于海康、大華、宇視、天地偉業、華為等。

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

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

25. 可設置軟件中文名稱、英文名稱、LOGO圖標等。

26. 存儲的視頻文件支持導出到指定目錄，支持批量上傳到服務器。

### （三）特色功能

1. 主界面采用停靠窗體模式，各種組件以小模塊的形式加入，可自定義任意模塊加入。

2. 停靠模塊可拖動任意位置嵌入和懸浮，支持最大化全屏，支持多屏幕。

3. 雙重布局文件存儲機制，正常模式、全屏模式都對應不同的布局方案，自動切換和保存，比如全屏模式可以突出幾個模塊透明顯示在指定位置，更具科幻感現代化。

4. 原創onvif協議機制，采用底層協議解析（udp廣播搜索+http請求執行命令）更輕量易懂易學習拓展，不依賴任何第三方組件比如gsoap。

5. 原創數據導入導出機制，跨平臺不依賴任何組件，瞬間導出數據。

6. 內置多個原創組件，宇宙超值超級牛逼，包括數據導入導出組件（導出到xls、pdf、打印）、數據庫組件（數據庫管理線程、自動清理數據線程、萬能分頁、數據請求等）、地圖組件、視頻監控組件、文件多線程收發組件、onvif通信組件、通用瀏覽器內核組件等。

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

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

9. 視頻控件懸浮條可以自行增加多個按鈕，監控界面底部小工具欄也可自行增加按鈕。

10. 雙擊攝像機節點自動播放視頻，雙擊節點自動依次添加視頻，會自動跳到下一個，雙擊父節點自動添加該節點下的所有視頻。可選主碼流、子碼流。

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

12. 可選多種內核自由切換，ffmpeg、vlc、mpv等，均可在pro中設置。推薦用ffmpeg，跨平臺最多，默認提供好了linux和mac平臺上編譯好的庫。

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

14. 默認采用opengl繪制視頻，超低的CPU資源占用，支持yuyv和nv12兩種格式繪制，很牛逼。

15. 高度可定制化，用戶可以很方便的在此基礎上衍生自己的功能，比如增加自定義模塊，增加運行模式、機器人監控、無人機監控、挖掘機監控等。

16. 支持xp、win7、win10、linux、mac、各種國產系統（UOS、中標麒麟、銀河麒麟等）、嵌入式linux等系統。

17. 注釋完整，項目結構清晰，超級詳細完整的使用開發手冊，精確到每個代碼文件的功能說明，不斷持續迭代版本。

## 三、體驗地址

1. 體驗地址：[https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g](https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g) 提取碼：01jf 文件名：bin_video_system.zip。

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

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

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

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

6. 在線文檔：[https://feiyangqingyun.gitee.io/qwidgetdemo/video_system.html](https://feiyangqingyun.gitee.io/qwidgetdemo/video_system.html)

## 四、效果圖

## 五、核心代碼