C 语言

关注公众号 jb51net

关闭
首页 > 软件编程 > C 语言 > C++视频监控系统

Qt/C++编写视频监控系统之自定义音柱显示功能

作者:飞扬青云

通过音柱控件实时展示当前播放的声音产生的振幅的大小,得益于音频播放组件内置了音频振幅的计算,可以动态开启和关闭,开启后会对发送过来的要播放的声音数据,这篇文章主要介绍了Qt/C++编写视频监控系统之自定义音柱显示功能,需要的朋友可以参考下

一、前言

通过音柱控件实时展示当前播放的声音产生的振幅的大小,得益于音频播放组件内置了音频振幅的计算,可以动态开启和关闭,开启后会对发送过来的要播放的声音数据,进行运算得到当前这个音频数据的振幅,类似于分贝,分贝越大,听到的声音越大,振幅越大。在如何摆放音柱控件这个问题上,考虑过多种方案,比如一开始做的是固定放在视频控件的右侧,也就是在一个垂直布局中先放一个视频控件,然后放左通道音柱,最后放一个右通道音柱,三个控件之间设置好间距。后面用户又提出来直接音柱控件悬浮在视频控件上方,这样可以节约位置,以便视频控件争取最大的地方展示,所以近期又专门重新搞了下,音柱可以放置在左侧、右侧、顶部、底部、两侧、悬浮等位置,然后还可以设置音柱的尺寸,如果是垂直摆放对应尺寸就是宽度,如果是上下摆放对应尺寸就是高度,还有个难点就是纯音频的通道,音量条需要摆放在中间位置,比如音量条左右两侧是一个弹簧,音量条尺寸取宽度的四分之一,这样看起来就非常美观了。

由于视频控件还有悬浮条,所以这个音柱的摆放位置,还需要留出足够的位置给悬浮条展示,然而呢悬浮条又有多种位置,比如也可以设置在底部,所以需要根据悬浮条的位置,再留出对应的间隙。在Qt的便利性,要设计这样一个带视频带悬浮带音柱,而且还支持非常灵活的各种参数设置,还是非常方便的,比如就新建个frmVideoWidgetVolume带音柱的视频窗体,悬浮条也是一个独立的widget,根据尺寸变化对应移来移去。音柱控件这边,通过表格布局来插入对应的控件。比如需要两侧显示音柱,则先插入左声道音柱,然后插入视频控件,最后插入右声道音柱控件。难点就在纯音频的音道控件,他需要根据尺寸占比自动拉伸,而且一个窗体需要根据打开的地址来区分当前是否是纯音频,所以需要在解码完成和结束的时候去做判断处理,打完收工。

二、效果图

三、体验地址

四、相关代码

#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;
    }
    //实例化音柱控件并设置方向
    leftVolume = new BarVolume;
    rightVolume = new BarVolume;
    leftVolume->setVertical(isVertical);
    rightVolume->setVertical(isVertical);
    //实例化布局并设置边距间距
    QGridLayout *layout = new QGridLayout(this);
    layout->setContentsMargins(0, 0, 0, 0);
    layout->setSpacing(3);
    //将音柱控件和视频控件插入到对应位置/可以自行拓展各种布局
    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) {
        //实例化弹簧控件
        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);
        //实例化布局并插入控件
        hlayout = new QHBoxLayout;
        hlayout->addWidget(leftVolume);
        hlayout->addItem(spaceCenter);
        hlayout->addWidget(rightVolume);
        videoWidget->setLayout(hlayout);
        layout->addWidget(videoWidget);
    }
    //关联音频振幅信号
    connect(videoWidget, SIGNAL(sig_receiveLevel(qreal, qreal)), this, SLOT(receiveLevel(qreal, qreal)));
    //打开和关闭后需要清空下(有可能残留上一次的数据)
    connect(videoWidget, SIGNAL(sig_receivePlayStart(int)), this, SLOT(reset()));
    connect(videoWidget, SIGNAL(sig_receivePlayFinsh()), this, SLOT(reset()));
    //音柱窗体参数变化后需要重置
    connect(AppEvent::Instance(), SIGNAL(changeVolumeWidget()), this, SLOT(reset()));
}
frmVideoWidgetVolume::~frmVideoWidgetVolume()
{
    delete ui;
}
void frmVideoWidgetVolume::resizeEvent(QResizeEvent *)
{
    int width = this->width();
    int height = this->height();
    //根据宽度动态设置音量条宽度或者高度/也可以设置成固定值
    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);
    }
    //根据高度动态设置音量格子数量(一般高度越小格子数越少)
    int step = height / (position == 6 ? 10 : 6);
    leftVolume->setStep(step);
    rightVolume->setStep(step);
    //根据音柱位置摆放控件
    if (position == 6) {
        if (videoWidget->getIsRunning() && videoWidget->getVideoThread()->getIsOk()) {
            leftVolume->show();
            rightVolume->show();
            //根据悬浮条的位置留出空余的地方
            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);
            }
            //先把布局中的挨个移除
            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);
}

五、功能特点

5.1 软件模块

5.2 基础功能

5.3 特色功能

到此这篇关于Qt/C++编写视频监控系统82-自定义音柱显示的文章就介绍到这了,更多相关C++视频监控系统内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文