一、前言

一般視訊回放都會採用GB28181國標來處理，這樣可以保證相容國內各大廠家的NVR，畢竟在同一的國家標準下，大家都會統一支援國標的，就不需要根據各個廠家的SDK來做相容處理，煩得很，廠家越來越多，SDK也越來越多，每個廠家的介面未必一致，還要重新封裝SDK來處理。 我這個上面為了簡化處理，並未加入GB28181的處理，交由使用者自己去處理，我只是單純的播放個視訊檔案作為demo，提供視訊回放控制元件，用於標識每個通道，某些時間段有時間，提供遊標用於快速定位視訊位置，直接跳過去。

體驗地址：https://pan.baidu.com/s/1bbL2ZughZAgfIGrexyN-9g 提取碼：zkeh 。

二、系統介紹

監控系統是由攝像、傳輸、控制、顯示、記錄登記5大部分組成。攝像機通過同軸視訊電纜將視訊影象傳輸到控制主機，控制主機再將視訊訊號分配到各監視器及錄影裝置，同時可將需要傳輸的語音訊號同步錄入到錄影機內。 通過控制主機，操作人員可發出指令，對雲臺的上、下、左、右的動作進行控制及對鏡頭進行調焦變倍的操作，並可通過控制主機實現在多路攝像機及雲臺之間的切換。利用特殊的錄影處理模式，可對影象進行錄入、回放、處理等操作，使錄影效果達到最佳。

視訊監控系統由實時控制系統、監視系統及管理資訊系統組成。實時控制系統完成實時資料採集處理、儲存、反饋的功能；監視系統完成對各個監控點的全天候的監視，能在多操作控制點上切換多路影象；管理資訊系統完成各類所需資訊的採集、接收、傳輸、加工、處理，是整個系統的控制核心。視訊監控系統是安全防範系統的組成部分，它是一種防範能力較強的綜合系統。視訊監控以其直觀、方便、資訊內容豐富而廣泛應用於許多場合。

三、功能特點

1. 支援16畫面切換，全屏切換等，包括1+4+6+8+9+16畫面切換。
2. 支援alt+enter全屏，esc退出全屏。
3. 自定義資訊框+錯誤框+詢問框+右下角提示框。
4. 17套面板樣式隨意更換，所有樣式全部統一，包括選單等。
5. 雲臺儀表盤滑鼠移上去高亮，八個方位精準識別。
6. 底部畫面工具欄（畫面分割切換+截圖聲音等設定）移上去高亮。
7. 可在配置檔案更改左上角logo+中文軟體名稱+英文軟體名稱。
8. 封裝了百度地圖，三維切換，裝置點位，滑鼠按下獲取經緯度等。
9. 堆疊窗體，每個窗體都是個單獨的qwidget，方便編寫自己的程式碼。
10. 頂部滑鼠右鍵選單，可動態控制時間CPU+左上角面板+左下角面板+右上角面板+右下角面板的顯示和隱藏，支援恢復預設佈局。
11. 工具欄可以放置多個小圖示和關閉圖示。
12. 左側右側可拖動拉伸，並自動記憶寬高位置，重啟後恢復。
13. 雙擊攝像機節點自動播放視訊，雙擊節點自動依次新增視訊，會自動跳到下一個，雙擊父節點自動新增該節點下的所有視訊。
14. 攝像機節點拖曳到對應窗體播放視訊，同時支援拖曳本地檔案直接播放。
15. 視訊畫面窗體支援拖曳交換，瞬間響應。
16. 雙擊節點+拖曳節點+拖曳窗體交換位置，均自動更新url.txt。
17. 支援從url.txt中載入16通道視訊播放，自動記憶最後通道對應的視訊，軟體啟動後自動開啟播放。
18. 右下角音量條控制元件，失去焦點自動隱藏，音量條帶靜音圖示。
19. 整合百度地圖，可以新增裝置對應位置，自動生成地圖，支援縮放和三維地圖，提供地圖風格選擇，共12種風格。
20. 視訊拖動到通道窗體外自動刪除視訊。
21. 滑鼠右鍵可刪除當前+所有視訊，截圖當前+所有視訊。
22. 錄影機管理、攝像機管理，可新增刪除修改匯入匯出列印資訊，立即應用新的裝置資訊生成樹狀列表，不需重啟。
23. 在pro檔案中可以自由開啟是否載入地圖。
24. 視訊播放可選四種核心自由切換，vlc+ffmpeg+easyplayer+海康sdk，均可在pro中設定。
25. 高度可定製化，使用者可以很方便的在此基礎上衍生自己的功能，支援linux系統。

四、效果圖

五、核心程式碼

#include "frmvideoplayback.h"
#include "ui_frmvideoplayback.h"
#include "quiwidget.h"
#include "iconfont.h"
#include "videowidget.h"

#ifdef videovlc
#include "vlc.h"
#elif videoffmpeg
#include "ffmpeg.h"
#elif easyplayer
#include "easyplayer.h"
#endif

frmVideoPlayback::frmVideoPlayback(QWidget *parent) : QWidget(parent), ui(new Ui::frmVideoPlayback)
{
    ui->setupUi(this);
    this->initForm();
    this->initIcon();
    this->initData();
    this->initVideo();
    //QTimer::singleShot(1000, this, SLOT(play_video_all()));
}

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

void frmVideoPlayback::showEvent(QShowEvent *)
{
    this->initData();
}

bool frmVideoPlayback::eventFilter(QObject *watched, QEvent *event)
{
    if (event->type() == QEvent::MouseButtonDblClick) {
        if (watched->inherits("QWidget")) {
            QWidget *widget = (QWidget *) watched;
            if (!videoMax) {
                videoMax = true;
                hide_video_all();
                widget->setVisible(true);
            } else {
                videoMax = false;
                show_video_all();
            }

            widget->setFocus();
        }
    }

    return QWidget::eventFilter(watched, event);
}

void frmVideoPlayback::initForm()
{
    ui->navTree->setText("通道回放");
    ui->navTree->setLeftIcon(0xf002);
    ui->navTree->setRightIcon5(0xf067);

    for (int i = 1; i <= 16; i++) {
        ui->cboxCh->addItem(QString("通道%1").arg(i));
    }

    QStringList types;
    types << "執行視訊" << "報警視訊";
    ui->cboxType->addItems(types);

    QStringList speeds;
    speeds << "半倍速度" << "正常速度" << "二倍速度" << "四倍速度" << "八倍速度" << "十六倍速度";
    ui->cboxSpeed->addItems(speeds);
    ui->cboxSpeed->setCurrentIndex(1);

    ui->dateTimeStart->calendarWidget()->setLocale(QLocale::Chinese);
    ui->dateTimeEnd->calendarWidget()->setLocale(QLocale::Chinese);
    ui->dateTimeStart->setDate(QDate::currentDate());
    ui->dateTimeEnd->setDate(QDate::currentDate().addDays(1));
}

void frmVideoPlayback::initIcon()
{
    quint32 size = 15;
    quint32 pixWidth = 20;
    quint32 pixHeight = 15;
    QSize iconSize = QSize(pixWidth, pixHeight);

    QPixmap pix1 = IconHelper::Instance()->getPixmap(QUIConfig::TextColor, 0xf002, size, pixWidth, pixHeight);
    QPixmap pix2 = IconHelper::Instance()->getPixmap(QUIConfig::TextColor, 0xf019, size, pixWidth, pixHeight);
    QPixmap pix3 = IconHelper::Instance()->getPixmap(QUIConfig::TextColor, 0xf00d, size, pixWidth, pixHeight);
    QPixmap pix4 = IconHelper::Instance()->getPixmap(QUIConfig::TextColor, 0xf1f8, size, pixWidth, pixHeight);

    ui->btnSelect->setIconSize(iconSize);
    ui->btnDown->setIconSize(iconSize);
    ui->btnDelete->setIconSize(iconSize);
    ui->btnClear->setIconSize(iconSize);

    ui->btnSelect->setIcon(QIcon(pix1));
    ui->btnDown->setIcon(QIcon(pix2));
    ui->btnDelete->setIcon(QIcon(pix3));
    ui->btnClear->setIcon(QIcon(pix4));
}

void frmVideoPlayback::initData()
{
    ui->listWidget->clear();
    for (int i = 0; i < 10; i++) {
        QListWidgetItem *item = new QListWidgetItem(ui->listWidget);
        item->setText(QString("%1 - %2").arg(DATETIME).arg("7分53秒"));
        item->setCheckState(Qt::Checked);
    }
}

void frmVideoPlayback::initVideo()
{
    videoMax = false;
    videoCount = 4;

    for (int i = 0; i < App::VideoCount; i++) {
#ifdef videovlc
        VlcWidget *widget = new VlcWidget;
        widget->setCallback(true);
        //widget->setHardware("auto");
#elif videoffmpeg
        FFmpegWidget *widget = new FFmpegWidget;
        //widget->setHardware("d3d11va");
#elif easyplayer
        EasyPlayerWidget *widget = new EasyPlayerWidget;
#else
        VideoWidget *widget = new VideoWidget;
#endif

        //設定背景文字
        widget->setBgText(QString("通道 %1").arg(i + 1));
        //設定背景圖片
        widget->setBgImage(QImage(":/bg_novideo.png"));
        //設定url地址
        widget->setUrl("");
        //設定懸浮條可見
        widget->setFlowEnable(false);
        //設定是否自動重連
        widget->setCheckLive(false);

        widget->installEventFilter(this);
        widget->setObjectName(QString("video%1").arg(i + 1));
        widgets.append(widget);
    }

    //加入到佈局中
    ui->gridLayout->addWidget(widgets.at(0), 0, 0);
    ui->gridLayout->addWidget(widgets.at(1), 0, 1);
    ui->gridLayout->addWidget(widgets.at(2), 1, 0);
    ui->gridLayout->addWidget(widgets.at(3), 1, 1);
}

void frmVideoPlayback::play_video_all()
{
    //舉例資料
    widgets.at(0)->setUrl("g:/mp5/1.asf");
    widgets.at(1)->setUrl("g:/mp5/2.asf");
    widgets.at(2)->setUrl("g:/mp5/3.asf");
    widgets.at(3)->setUrl("g:/mp5/4.asf");

    QTimer::singleShot(0, widgets.at(0), SLOT(open()));
    QTimer::singleShot(1000, widgets.at(1), SLOT(open()));
    QTimer::singleShot(2000, widgets.at(2), SLOT(open()));
    QTimer::singleShot(3000, widgets.at(3), SLOT(open()));

    VideoCh::VideoData data1, data2, data3, data4;

    data1.startX = 30;
    data1.length = 150;
    data2.startX = 200;
    data2.length = 50;
    data3.startX = 280;
    data3.length = 100;
    ui->videoPlayback->setDatas1(QList<VideoCh::VideoData>() << data1 << data2 << data3);

    data4.startX = 30;
    data4.length = 380;
    ui->videoPlayback->setDatas2(QList<VideoCh::VideoData>() << data4);
    ui->videoPlayback->setDatas3(QList<VideoCh::VideoData>() << data4);
    ui->videoPlayback->setDatas4(QList<VideoCh::VideoData>() << data4);
}

void frmVideoPlayback::show_video_all()
{
    for (int i = 0; i < videoCount; i++) {
        widgets.at(i)->setVisible(true);
    }
}

void frmVideoPlayback::hide_video_all()
{
    for (int i = 0; i < videoCount; i++) {
        widgets.at(i)->setVisible(false);
    }
}

void frmVideoPlayback::on_listWidget_itemPressed(QListWidgetItem *item)
{
    bool checked = (item->checkState() == Qt::Checked);
    item->setCheckState(checked ? Qt::Unchecked : Qt::C