## 一、前言说明
在国标监控系统中，录像回放过程中，需要切换播放进度，对比过很过国标系统，绝大部分尤其是网页版的监控系统，在切换进度过程中都会黑屏，这个体验就很不友好了，明明gb28181协议中就有切换进度的指令，切换完成后，会立即发送对应进度开始的音视频流
数据，只要继续解码就行，用抓包工具查看数据，发现居然是重新发起请求，也就是按照当前时间点的视频录像
文件，重新发起请求，整个交互过程一般可能需要1-2s，导致中间黑屏，是解码不好处理？因为切换进度后对应的pts突然之间变了，尤其是从一个大的时间点切换到一个小的时间点，pts居然变小了，其中不乏一些著名的国标平台，为何不能做成一个平滑的无缝切换呢？中间还涉及到重新推拉流？
用纯Qt开发这个国标监控组件，就
没有这个黑屏的
问题，切换进度直接执行指令，然后清空缓存数据，收到新的数据继续解码播放即可，非常的流畅和稳定，切换到哪里就立即是
显示哪里，往前往后切换都能立即响应，跳转进度无缝切换，要的就是这种效果。网页版的国标监控系统还有一个问题就是倍速，基本上只能做到4倍速，别说八倍速了，连八倍速的选项都没有，是担心网页解码显示性能不足？其实很多时候查阅录像文件，基本上需要倍速播放，播放快到了需要的地方才会切换到正常速度或者满倍速慢慢找。其实还有个问题，就是倍速传过来的其实是完整的流数据，只是解码这边要求快一点解码，比如fps25帧，如果八倍速就是每秒钟给了25乘以8等于200帧的数据，然后要求1秒钟解码200帧的数据显示，确实压力够大，查看了对应的CPU和GPU占用，确实高了不少，对电脑的配置要求也比较高，那是不是后面可以改成只推送关键帧过来？这个应该需要设备端的配合才行。
## 二、效果图
## 三、相关地址
1. 国内站点：[
https://gitee.com/feiyangqingyun](https://gitee.com/feiyangqingyun)
2. 国际站点：[
https://github.com/feiyangqingyun](https://github.com/feiyangqingyun)
3. 个人作品：[
https://blog.csdn.net/feiyangqingyun/article/details/97565652](https://blog.csdn.net/feiyangqingyun/article/details/97565652)
4. 文件地址：[
https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g](https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g) 提取码：01jf 文件名：bin_video_gb28181。
## 四、功能特点
1. 支持设备注册、注销、心跳、校时、注册认证、注销认证等。
2. 设备上线后可以手动获取设备状态、设备信息、配置信息、预置位信息等。
3. 设备上线后自动获取设备通道信息，包括中文通道名称。识别到通道上线离线变化，会重新获取该设备的所有通道信息。
4. 支持视频点播，可以分别点播主码流和子码流，内置rtp解包线程，解包后发给视频播放组件解码播放。
5. 每个设备每个通道支持点播多个视频，通过ssrc区分，支持共用端口和不同端口收流。
6. 支持对某个设备下面所有通道、某个通道、某个通道对应的某个流分别关闭。
7. 支持录像文件查询和回放，回放控制支持暂停播放、继续播放、倍速播放、切换播放进度。
8. 支持录像文件下载，支持倍速比如8倍速下载，可同时多线程批量下载。
9. 回放和下载同时支持IPC和NVR，比如摄像头自带的SD存储卡录像文件回放，NVR上的硬盘录像文件回放。
10. 支持云台控制，向上、向下、向左、向右、左上、右上、左下、右下方位移动，镜头放大缩小，光圈放大缩小，镜头聚焦放焦。
11. 支持预置位信息的查询、调用、添加、修改、删除等操作。
12. 自动目录订阅功能，通道上线下线都有对应的信号通知。
13. 内置定时读取通道信息机制，以保证通道信息是最新的，比如有些NVR是不断更新的通道信息。
14. 内置订阅警情和位置移动功能，订阅后各种警情事件比如运动目标检测报警、入侵检测报警、徘徊检测报警等自动上报。
15. 支持语音对讲功能，可以直接在视频窗体的悬浮条上单击语音对讲
按钮，再次单击关闭对讲，对讲期间悬浮条常驻显示。
16. 支持设备布防撤防，布防后警情信息会主动上报。
17. 国标服务同时支持udp和tcp方式，可选只监听一种或者两种都监听，tcp方式自动处理粘包问题。
18. 国标拉流同时支持udp、tcp被动、tcp主动三种方式，每个通道都可以自由选择何种拉流方式。
19. 内置拉流端口池，每次拉流从中取出一个，关闭流自动回收端口号，重复利用。
20. 收流端口自动纠错，自动跳过被占用的端口，不会出现端口占用导致收流失败的情况。
21. 支持三种取流方式自动检测离线重连，检测到离线后，自动重启点播拉流整个流程。
22. 录像文件回放，上一个完成后自动切换到下一个继续回放，直到所有回放完成。支持高达8倍速回放。
23. 视频播放自适应硬解码，极低资源占用，实时性极好，带悬浮条显示视频流信息，可以直接在悬浮条单击按钮保存录像文件到本地。
24. 支持几千路国标消息交互并发，实时视频流支持64路同时显示，可以拓展更多路数。
25. 支持阿里云等云服务器，可以分别设置内网监听地址和外网访问地址，一般云服务器上是监听地址用内网，对外访问用外网地址。
26. 支持视频分发，也就是推流，视频通道打开后可以自动推流到流媒体服务器，其他需要的地方拉流即可，支持rtsp、rtmp、hls、webrtc等方式拉流。
27. 实时预览和录像回放都支持推流，推流支持叠加文字和图片水印以及各种ffmpeg支持的滤镜效果，支持多个水印同时叠加。
28. 同时支持gb28181-2011、gb28181-2016、gb28181-2022以及后续可能的所有协议版本。
29. SIP解析和交互采用纯Qt底层代码实现，udp/tcp通信交互，祖传原创代码解析，不依赖任何第三方。
30. 代码量少，gb28181交互部分共几千行代码，注释详细，接口友好，使用极其简单，提供非常详细的使用示例。
31. 支持海康、大华、宇视、华为、天地伟业等所有国标设备，包括一些没有ssrc的设备。
32. 支持所有Qt版本和
编译器以及操作系统，包括但不限于win、linux、mac、android、嵌入式linux、树莓派香橙派、国产os等。
## 五、相关代码
```cpp
#include "frmvideoplayback.h"
#include "ui_frmvideoplayback.h"
#include "qthelper.h"
#include "videoutil.h"
#include "gb28181server.h"
#include "gb28181helper.h"
#include "gb28181widgetmanage.h"
frmVideoPlayback::frmVideoPlayback(QWidget *parent) : QWidget(parent), ui(new Ui::frmVideoPlayback)
{
ui->setupUi(this);
this->initForm();
this->initConfig();
}
frmVideoPlayback::~frmVideoPlayback()
{
delete ui;
}
void frmVideoPlayback::closeAll()
{
this->setId("", "");
ui->listWidget->clear();
ui->btnStop->click();
}
void frmVideoPlayback::setServer(GB28181Server *server)
{
this->server = server;
ui->gb28181Widget->setServer(server);
}
void frmVideoPlayback::setId(const QString &deviceId, const QString &channelId)
{
this->deviceId = deviceId;
this->channelId = channelId;
}
void frmVideoPlayback::initForm()
{
server = NULL;
ui->sliderPosition->setRange(0, 0);
ui->gb28181Widget->setBgText("视频回放");
ui->gb28181Widget->setProperty("onSync", AppConfig::RecordOnSync);
connect(ui->btnPlay, SIGNAL(clicked(bool)), this, SLOT(playControl()));
connect(ui->btnStop, SIGNAL(clicked(bool)), this, SLOT(playControl()));
connect(ui->sliderPosition, SIGNAL(clicked()), this, SLOT(playControl()));
connect(ui->cboxSpeed, SIGNAL(currentIndexChanged(int)), this, SLOT(playControl()));
connect(ui->gb28181Widget, SIGNAL(sig_receivePlayStart(int)), this, SLOT(receivePlayStart(int)));
connect(ui->gb28181Widget, SIGNAL(sig_receivePlayFinsh()), this, SLOT(receivePlayFinsh()));
connect(ui->gb28181Widget, SIGNAL(pushStart(GB28181Widget *, QString)), GB28181WidgetManage::Instance(), SIGNAL(pushStart(GB28181Widget *, QString)));
connect(ui->gb28181Widget, SIGNAL(pushStop(QString, QString)), GB28181WidgetManage::Instance(), SIGNAL(pushStop(QString, QString)));
//进度定时器
timer = new QTimer(this);
connect(timer, SIGNAL(timeout()), this, SLOT(setPosition()));
timer->setInterval(300);
}
void frmVideoPlayback::initConfig()
{
//ui->cboxSpeed->setEnabled(false);
VideoUtil::loadSpeed(ui->cboxSpeed);
ui->cboxSpeed->setCurrentIndex(ui->cboxSpeed->findData(AppConfig::RecordSpeed));
connect(ui->cboxSpeed, SIGNAL(currentIndexChanged(int)), this, SLOT(saveConfig()));
ui->dateStart->setDateTime(QDateTime::fromString(AppConfig::RecordStart, "yyyy-MM-ddThh:mm:ss"));
connect(ui->dateStart, SIGNAL(dateTimeChanged(QDateTime)), this, SLOT(saveConfig()));
ui->dateEnd->setDateTime(QDateTime::fromString(AppConfig::RecordEnd, "yyyy-MM-ddThh:mm:ss"));
connect(ui->dateEnd, SIGNAL(dateTimeChanged(QDateTime)), this, SLOT(saveConfig()));
}
void frmVideoPlayback::saveConfig()
{
AppConfig::RecordSpeed = ui->cboxSpeed->itemData(ui->cboxSpeed->currentIndex()).toString();
AppConfig::RecordStart = ui->dateStart->dateTime().toString("yyyy-MM-ddThh:mm:ss");
AppConfig::RecordEnd = ui->dateEnd->dateTime().toString("yyyy-MM-ddThh:mm:ss");
AppConfig::writeConfig();
}
void frmVideoPlayback::setPosition()
{
qint64 pts = ui->gb28181Widget->getPts();
VideoUtil::setPosition(ui->labPosition, ui->sliderPosition, pts * 100);
}
void frmVideoPlayback::receivePlayStart(int)
{
//取出时间
QListWidgetItem *item = ui->listWidget->currentItem();
QString startTime = item->data(Qt::UserRole + 1).toString();
QString endTime = item->data(Qt::UserRole + 2).toString();
//计算时长
qint64 duration = GB28181Helper::getDuration(startTime, endTime) * 1000;
VideoUtil::setDuration(ui->labDuration, ui->sliderPosition, duration);
}
void frmVideoPlayback::receivePlayFinsh()
{
timer->stop();
ui->btnPlay->setText("暂停");
VideoUtil::resetDuration(ui->labDuration, ui->labPosition, ui->sliderPosition);
//暂停期间不用继续
if (ui->btnPlay->text() == "播放") {
return;
}
//如果还有下一个自动触发双击播放/过滤下刚刚关闭触发的播放结束
int row = ui->listWidget->currentRow();
qint64 offset = lastTime.msecsTo(QDateTime::currentDateTime());
if (offset > 1000 && row < ui->listWidget->count() - 1) {
ui->listWidget->setCurrentRow(row + 1);
on_listWidget_itemDoubleClicked(ui->listWidget->currentItem());
}
}
void frmVideoPlayback::playControl()
{
QString ssrc = ui->gb28181Widget->getSsrcVideo();
if (!server || ssrc.isEmpty()) {
return;
}
QObject *obj = sender();
if (obj == ui->btnPlay) {
if (ui->btnPlay->text() == "暂停") {
ui->btnPlay->setText("播放");
server->playControl(deviceId, channelId, PlayControl_Pause, 0, ssrc);
} else {
ui->btnPlay->setText("暂停");
server->playControl(deviceId, channelId, PlayControl_Play, 0, ssrc);
}
} else if (obj == ui->btnStop) {
lastTime = QDateTime::currentDateTime();
ui->gb28181Widget->stop();
} else if (obj == ui->sliderPosition) {
timer->stop();
timer->start();
ui->btnPlay->setText("暂停");
qint64 sec = ui->sliderPosition->value() / 1000;
server->playControl(deviceId, channelId, PlayControl_Position, sec);
} else if (obj == ui->cboxSpeed) {
float speed = ui->cboxSpeed->itemData(ui->cboxSpeed->currentIndex()).toFloat();
server->playControl(deviceId, channelId, PlayControl_Scale, speed, ssrc);
}
}
void frmVideoPlayback::receiveStatus(GB28181Status status)
{
if (status.deviceId != deviceId || status.channelId != channelId || status.notifyType != 121) {
return;
}
//不是当前窗体产生的不用处理
if (ui->gb28181Widget->getSsrcVideo() == status.ssrc) {
ui->gb28181Widget->stop();
}
}
void frmVideoPlayback::receiveRecord(const QList<GB28181Record> &records)
{
if (!this->isVisible()) {
return;
}
foreach (GB28181Record record, records) {
QString startTime = record.startTime;
QString endTime = record.endTime;
QString date = startTime.mid(0, 10);
QString start = startTime.mid(11, 5);
QString end = endTime.mid(11, 5);
QListWidgetItem *item = new QListWidgetItem;
item->setData(Qt::UserRole + 1, startTime);
item->setData(Qt::UserRole + 2, endTime);
item->setText(QString("%0 %1 - %2").arg(date).arg(start).arg(end));
ui->listWidget->addItem(item);
}
}
void frmVideoPlayback::on_btnQueryRecord_clicked()
{
ui->listWidget->clear();
QDateTime dateStart = ui->dateStart->dateTime();
QDateTime dateEnd = ui->dateEnd->dateTime();
if (dateStart >= dateEnd) {
QtHelper::showMessageBoxError("开始时间必须小于结束时间, 请重新选择!");
return;
}
server->queryRecord(deviceId, channelId, dateStart, dateEnd);
}
void frmVideoPlayback::on_listWidget_itemDoubleClicked(QListWidgetItem *item)
{
//取出时间
QString startTime = item->data(Qt::UserRole + 1).toString();
QString endTime = item->data(Qt::UserRole + 2).toString();
//停止播放
lastTime = QDateTime::currentDateTime();
ui->gb28181Widget->stop();
qApp->processEvents();
timer->start();
//启动播放
ui->gb28181Widget->initPara(AppConfig::ScaleMode, AppConfig::VideoMode, AppConfig::VideoCore, AppConfig::DecodeType, AppConfig::Hardware, AppConfig::ReadTimeout, false, false);
ui->gb28181Widget->setPara(AppConfig::RecordSpeed.toFloat(), AppConfig::RecordProfile, (TransmitMode)AppConfig::TransmitMode, AppConfig::ServerIp, AppConfig::RecordPush, GB28181Widget::PlayType_Playback);
ui->gb28181Widget->setTime(startTime, endTime);
ui->gb28181Widget->openVideo(deviceId, channelId);
}
```
