Qt 制作简易版音乐播放器

最新推荐文章于 2024-04-01 21:34:38 发布
最新推荐文章于 2024-04-01 21:34:38 发布
阅读量1.2k 收藏 23
点赞数 1
分类专栏： C++ 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60178310/article/details/120392123
版权

1. 界面设计:

2. 设置背景图片

// 1.重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 声明画家
    QPainter painter(this);
    QPixmap pix = QString(":/img/002.jpeg");
    // 设置图片伸缩
    pix.scaled(this->width(), this->height());
    // 贴背景图片
    painter.drawPixmap(0, 0, this->width(), this->height(), pix);
}

 3. 设置QlistWidget控件透明化

// 透明化 QListWidget 控件
ui->listWidget->setStyleSheet("background-color:transparent");

 4. 设置不规则按钮并贴图

    // 给按钮贴图片 设置图片不规则形状
    ui->btnUp->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/01.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/01_副本.png)}");
    ui->btnDown->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/03.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/03_副本.png)}");
    ui->btnStop->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/04.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/04_副本.png)}");
    ui->btnPlay->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/05.png)}");
// btnPlay; btnStop; btnDown; btnUp 这四个按钮

 5. 遍历文件夹，将音乐文件设置到控件QlistWidget中去

// 2.读取文件 （遍历文件夹，设定文件格式）
void Widget::readFile()
{
    // 设置要遍历的目录
    this->str_pathmusic = "F:/C C++/Resource/Music";
    // 设置文件路径
    QDir dir(this->str_pathmusic);
    // 设置文件过滤器的格式
    QStringList nameFileters;
    // 设置文件格式
    nameFileters << "*mp3";
    // 将过滤后的文件名称 存在链表list中去
    QStringList files = dir.entryList(nameFileters, QDir::Files|QDir::Readable, QDir::Name);
    // 将遍历完之后的所有音乐文件设置到控件 QListWidget 中去
    ui->listWidget->addItems(files);
    // 设置将音乐列表的指针默认指向列表中的第一个
    this->p_item = ui->listWidget->item(0);
}

 

 6. 播放音乐

要加载播放音频模块

 

// 播放音乐
    QMediaPlayer * play = new QMediaPlayer;
    // 设置要播放的音乐文件
    play->setMedia(QUrl::fromLocalFile("F:/C C++/Resource/Music/不是花火呀-夏日晚风(片段).mp3"));
    // 设置声音大小
    play->setVolume(50);
    // 播放音乐
play->play();

7. QlistWidget 列表控件行发生改变时设置播放音乐条件

// QListWidget 控件行发生了改变 进行相应的处理
void Widget::on_listWidget_currentRowChanged(int currentRow)
{
    qDebug() << currentRow; // 获取行号
    qDebug() << ui->listWidget->item(currentRow)->text();   
    // 获取播放音乐名称
    this->str_musicFileName = ui->listWidget->item(currentRow)->text(); 
    // 实例化播放音乐对象
    this->p_play_music = new QMediaPlayer;
    // 设置要播放的音乐文件
    this->p_play_music->setMedia(QUrl::fromLocalFile(this->str_pathmusic) + '/' + this->str_musicFileName);
    // 停止播放音乐
    this->p_play_music->stop();
}

8. 点击上一曲 自动设置列表控件向上走一行

void Widget::on_btnUp_clicked()
{// 上一曲
    qDebug() << "上一曲";
    // 获取列表控件中的总行数
    int count = ui->listWidget->count();
    // 判断是否是默认第一行，将控件行号设置成总行数
    if(this->m_listWidgetRowNumber - 1 < 0)
    {
        this->m_listWidgetRowNumber = count;
    }
    // 设置列表控件槽函数中的行数-1
    on_listWidget_currentRowChanged(this->m_listWidgetRowNumber-1);
    // 当列表控件的行比总的行数小 当按下按钮时，跳转到上一行
    if(ui->listWidget->currentRow() < count)
    {
        // 列表控件中的行自动往上走一行
        ui->listWidget->setCurrentRow(this->m_listWidgetRowNumber);
        // 到达当前行为行底，将记录的行置成0
        if(count == this->m_listWidgetRowNumber-1)
        {
            this->m_listWidgetRowNumber = 0;
        }
    }
    // 将播放标记置成 true --> 播放音乐
    this->isPlay = true;
    // 调用播放槽函数
    on_btnPlay_clicked();
}
// btnUp 是按钮 转到槽函数的做法

9. 播放音乐

// 播放音乐
void Widget::on_btnPlay_clicked()
{
    // 播放音乐
    if(this->isPlay)
    {
        // 设置按钮图片
        ui->btnPlay->setStyleSheet("QPushButton{"
                                   "border-image:url(:/img/02.png)}"
                                   );
        // 将标记设置成false
        this->isPlay = false;
        // 播放音乐
        this->p_play_music->play();
    }
    else
    {
        // 将标记置成true
        this->isPlay = true;
        // 设置按钮图片
        ui->btnPlay->setStyleSheet("QPushButton{"
                                   "border-image:url(:/img/05.png)}"
                                   );
        // 暂停播放音乐
        this->p_play_music->stop();
    }
}
// btnPlay 是按钮 转到槽的做法

 10. 播放下一曲

// 下一曲
void Widget::on_btnDown_clicked()
{
    // 调用列表控件槽函数 行数+1
    on_listWidget_currentRowChanged(this->m_listWidgetRowNumber + 1);
    // 获取列表控件中的总行数
    int count = ui->listWidget->count();
    // 当控件列表中的行比总行小时
    if(ui->listWidget->currentRow() < count)
    {
        // 列表控件行自动向下走一行
        ui->listWidget->setCurrentRow(this->m_listWidgetRowNumber);
        // 当到达底行 将要向下走的行置成 -1
        if(count == this->m_listWidgetRowNumber+1)
        {
            this->m_listWidgetRowNumber = -1;
        }
    }
    // 将播放音乐置成true --> 播放音乐
    this->isPlay = true;
    // 调用播放音乐槽函数
    on_btnPlay_clicked();
}
// btnDown 是按钮 转到槽的做法

11. 停止播放音乐

// 停止播放音乐
void Widget::on_btnStop_clicked()
{
    // 停止播放音乐
    this->p_play_music->stop();
    // 将播放按钮复位(图片)
    ui->btnPlay->setStyleSheet("QPushButton{"
                               "border-image:url(:/img/05.png)}"
                               );
}
// btnStop 是按钮 转到槽的做法

12. 设置声音大小

// 设置声音大小
void Widget::on_horizontalSlider_sliderMoved(int position)
{
    // 记录声音大小
    this->m_playSetVolume = position;
    qDebug() << "音乐声音大小: " << position + 1;
    // 将控件中的position设置给播放音乐大小
    p_play_music->setVolume(position + 1);
    // 将positoin 设置给 标签声音
    ui->labelVolume->setText("音量：" + QString("%1").arg(position + 1) + "%");
}
// horizontalSlider 是控件 转到槽的做法

13. 完整代码

widght.h 头文件

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QListWidgetItem>
#include <QMediaPlayer>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

    // 1.重写绘图事件
    void paintEvent(QPaintEvent *event);

    // 2.读取文件 （遍历文件夹，设定文件格式）
    void readFile();

private:
    QString str_pathmusic;  // 文件路径目录
    QListWidgetItem * p_item;   // 音乐列表 指针
    QString str_musicFileName;  // 音乐文件名字
    QMediaPlayer * p_play_music;// 播放音乐对象
    int m_listWidgetRowNumber;  // 获取控件QListWidget 的行号
    bool isPlay = true;                // 是否播放音乐 true 是
    int m_playSetVolume;    // 设置声音大小

private slots:
    void on_listWidget_currentRowChanged(int currentRow);

    void on_btnUp_clicked();

    void on_btnPlay_clicked();

    void on_btnDown_clicked();

    void on_btnStop_clicked();

    void on_horizontalSlider_sliderMoved(int position);

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

 widget.cpp 文件

#include "widget.h"
#include "ui_widget.h"

#include <QPainter>
#include <QDebug>
#include <QDir>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 透明化 QListWidget 控件
    ui->listWidget->setStyleSheet("background-color:transparent");

    // 给按钮贴图片 设置图片不规则形状
    ui->btnUp->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/01.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/01_副本.png)}");
    ui->btnDown->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/03.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/03_副本.png)}");
    ui->btnStop->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/04.png)}"
                             "QPushButton:pressed{"
                             "border-image:url(:/img/04_副本.png)}");
    ui->btnPlay->setStyleSheet("QPushButton{"
                             "border-image:url(:/img/05.png)}");

    // 调用读取文件函数
    readFile();
}

Widget::~Widget()
{
    delete ui;
}
// 1.重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 声明画家
    QPainter painter(this);
    QPixmap pix = QString(":/img/002.jpeg");
    // 设置图片伸缩
    pix.scaled(this->width(), this->height());
    // 贴背景图片
    painter.drawPixmap(0, 0, this->width(), this->height(), pix);
}

// 2.读取文件 （遍历文件夹，设定文件格式）
void Widget::readFile()
{
    // 设置要遍历的目录
    this->str_pathmusic = "F:/C C++/Resource/Music";
    // 设置文件路径
    QDir dir(this->str_pathmusic);
    // 设置文件过滤器的格式
    QStringList nameFileters;
    // 设置文件格式
    nameFileters << "*mp3";
    // 将过滤后的文件名称 存在链表list中去
    QStringList files = dir.entryList(nameFileters, QDir::Files|QDir::Readable, QDir::Name);
    // 将遍历完之后的所有音乐文件设置到控件 QListWidget 中去
    ui->listWidget->addItems(files);
    // 设置将音乐列表的指针默认指向列表中的第一个
    this->p_item = ui->listWidget->item(0);

    for(int i = 0; i < files.count(); i++)
         qDebug() << files.at(i);
}
// 3. QListWidget 控件行发生了改变 进行相应的处理
void Widget::on_listWidget_currentRowChanged(int currentRow)
{
    // 记录控件列表中的行数
    this->m_listWidgetRowNumber = currentRow;
    qDebug() << currentRow; // 获取行号
    qDebug() << ui->listWidget->item(currentRow)->text();   // 获取音乐文件名称
    // 获取播放音乐名称
    this->str_musicFileName = ui->listWidget->item(currentRow)->text();
    // 实例化播放音乐对象
    this->p_play_music = new QMediaPlayer;
    // 设置要播放的音乐文件
    this->p_play_music->setMedia(QUrl::fromLocalFile(this->str_pathmusic + '/' + this->str_musicFileName));
    // 设置播放音乐声音大小
    this->p_play_music->setVolume(1);
    // 停止播放音乐
    this->p_play_music->stop();
}


// 4. 上一曲
void Widget::on_btnUp_clicked()
{
    qDebug() << "上一曲";
    // 获取列表控件中的总行数
    int count = ui->listWidget->count();
    // 判断是否是默认第一行，将控件行号设置成总行数
    if(this->m_listWidgetRowNumber - 1 < 0)
    {
        this->m_listWidgetRowNumber = count;
    }
    // 设置列表控件槽函数中的行数-1
    on_listWidget_currentRowChanged(this->m_listWidgetRowNumber-1);
    // 当列表控件的行比总的行数小 当按下按钮时，跳转到上一行
    if(ui->listWidget->currentRow() < count)
    {
        // 列表控件中的行自动往上走一行
        ui->listWidget->setCurrentRow(this->m_listWidgetRowNumber);
        // 到达当前行为行底，将记录的行置成0
        if(count == this->m_listWidgetRowNumber-1)
        {
            this->m_listWidgetRowNumber = 0;
        }
    }
    // 设置播放音乐大小
    on_horizontalSlider_sliderMoved(this->m_playSetVolume);
    // 将播放标记置成 true --> 播放音乐
    this->isPlay = true;
    // 调用播放槽函数
    on_btnPlay_clicked();
}
// 5. 播放音乐
void Widget::on_btnPlay_clicked()
{
    // 播放音乐
    if(this->isPlay)
    {
        // 设置按钮图片
        ui->btnPlay->setStyleSheet("QPushButton{"
                                   "border-image:url(:/img/02.png)}"
                                   );
        // 将标记设置成false
        this->isPlay = false;
        // 播放音乐
        this->p_play_music->play();
    }
    else
    {
        // 将标记置成true
        this->isPlay = true;
        // 设置按钮图片
        ui->btnPlay->setStyleSheet("QPushButton{"
                                   "border-image:url(:/img/05.png)}"
                                   );
        // 暂停播放音乐
        this->p_play_music->stop();
    }
}
// 6. 下一曲
void Widget::on_btnDown_clicked()
{
    // 调用列表控件槽函数 行数+1
    on_listWidget_currentRowChanged(this->m_listWidgetRowNumber + 1);
    // 获取列表控件中的总行数
    int count = ui->listWidget->count();
    // 当控件列表中的行比总行小时
    if(ui->listWidget->currentRow() < count)
    {
        // 列表控件行自动向下走一行
        ui->listWidget->setCurrentRow(this->m_listWidgetRowNumber);
        // 当到达底行 将要向下走的行置成 -1
        if(count == this->m_listWidgetRowNumber+1)
        {
            this->m_listWidgetRowNumber = -1;
        }
    }
    // 设置播放音乐大小
    on_horizontalSlider_sliderMoved(this->m_playSetVolume);
    // 将播放音乐置成true --> 播放音乐
    this->isPlay = true;
    // 调用播放音乐槽函数
    on_btnPlay_clicked();
}
// 7. 停止播放音乐
void Widget::on_btnStop_clicked()
{
    // 停止播放音乐
    this->p_play_music->stop();
    // 将播放按钮复位(图片)
    ui->btnPlay->setStyleSheet("QPushButton{"
                               "border-image:url(:/img/05.png)}"
                               );
}
// 8. 设置声音大小
void Widget::on_horizontalSlider_sliderMoved(int position)
{
    // 记录声音大小
    this->m_playSetVolume = position;
    qDebug() << "音乐声音大小: " << position + 1;
    // 将控件中的position设置给播放音乐大小
    p_play_music->setVolume(position + 1);
    // 将positoin 设置给 标签声音
    ui->labelVolume->setText("音量：" + QString("%1").arg(position + 1) + "%");
}

 代码运行结果：

 

xundao_803817
关注
专栏目录
C++/Qt 多媒体（续一）
qq_67853786的博客
08-25 911
基于Qt框架的C++编程，本章主要内容包括一个QMediaPlayer类的示例代码和一个QSoundEffect类的讲解
QT——制作简易音频播放器
UNDEFINED_AUBE的博客
02-24 3558
应用前提：只需要从阿里云数据库中读取选定的某一条实验数据的音频(.wav)，现在的测试版本只是播放本地音频，所以做的这个音频播放器只有6个功能：播放、暂停、音量条、静音、进度条、显示当前播放进度的时间，丑是丑了点但能满足需求。 接下来详细说一下是怎么实现的。 先创建新的项目，选择Qt Widget Application，名称我的是AudioDemo4，选择MSVC2017 32bit编译(实验室项目需求)，类名我的是Music，基类选择QWidget，界面创不创建都可以，我...
Qt制作的一个简单的音乐播放器
02-19
用Qt制作的一个简单的音乐播放器，界面设计很简单，不怎么美观。功能还是比较齐全的。
Qt项目(8)Qt实现音乐播放器
余生芳华，灵魂共舞
03-31 1914
介绍基于QMediaPlayer创建音乐播放器，可以读取指定目录指定文件列表，实现基本的播放，暂停，上下一曲的功能。
使用Qt做一个简易音乐播放器【Phonon浅谈--续】
baiseda
02-13 99
&lt;!-- [if !mso]&gt; &lt;mce:style&gt;&lt;!-- v/:* {behavior:url(#default#VML);} o/:* {behavior:url(#default#VML);} w/:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --&...
QT制作一个简单的音乐播放器
weixin_44317873的博客
02-14 3878
1，主界面 2，代码 #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QMediaPlayer> #include <QMediaPlaylist> namespace Ui { class MainWindow; } class MainWindow : public QMainWindow { Q_OBJECT priv..
基于QT实现简单的音乐播放器
Ubuntu离线安装Sogou拼音
01-31 5381
基于QT实现简单的音乐播放器
【C++】QT制作简单音乐播放器
qq_41961383的博客
09-26 2360
qt项目简易音乐播放器
基于QT的音乐播放器源代码及详细教程（完成最基本功能）
01-13
说明：这是基于Qt编写的QT的音乐播放器源代码，里面包含超级详细教程及代码。这是本人的练手之作，学习过程中借鉴了网友的成果，实现了最基本的播放及进度条等基本功能。待完善后会再发布给大家。现在百忙之中将我的...
使用python加PyQt5，利用QMediaPlayer写一个简易的音乐播放器（进度条拖动，音量改变，播放停止切换，歌曲列表））
用沸腾的热血，支付我们的人生吧！
04-29 3654
当你学习了python之后，总想着利用它去做些什么，无论是制作小工具还是小游戏，都是一种锻炼。 那么，利用python加上PyQt5写一个简单的音乐播放器，可能会是一个有趣的体验。 下面我会分享一下如何编写简易的音乐播放器，其中参考了网络上的很多程序，当然网络上的程序，很少能够直接复制就满足使用的，为了实现播放器的导入歌曲、双击播放、拖动进度条、音量条拖动、快进、快退等功能，需要进行很多次的测试，最终还是实现了，虽然依旧是比较简陋，但对于一个初学者来说，足以产生一些自豪的心思了。 界面： 界面比较简单，并
Deepin下载
XSYHG的博客
07-14 1403
深度桌面环境 项目介绍 深度桌面环境是深度科技自主开发的美观易用、极简操作的桌面环境，主要由桌面、启动器、任务栏、控制中心、窗口管理器等组成，系统中预装了深度特色应用，它既能让您体验到丰富多彩的娱乐生活，也可以满足您的日常工作需要。相信随着功能的不断升级和完善，将会被越来越多的用户所喜爱和使用。 项目地址 源码地址： https://github.com/linuxdeepin/dde-desktop https://github.com/linuxdeepin/dde-control-ce
QT制作的简易音乐播放器
09-19
QT制作的简易音乐播放器 自己做的练习，可以互相学习一下。
QT实现音乐播放器
10-30
（1）播放、暂停、上一首、下一首 （2）歌词显示 （3）批量添加歌曲文件（夹） （4）查找歌曲（可进行模糊匹配） （5）播放模式选择（单曲播放、单曲循环、随机播放等） （6）删除、批量删除 Bug挺多，有待完善
基于mplaye做的用Qt开发的音乐播放器
12-27
用Qt写的一个音乐播放器，具备基本功能，初学者可以看看
Qt5实现音乐播放器（清爽版）
09-18
中秋之前，以供娱乐 实现： （1）播放、暂停、上一首、下一首 （2）歌词显示 （3）批量添加歌曲文件（夹） （4）查找歌曲（可进行模糊匹配） （5）播放模式选择（单曲播放、单曲循环、随机播放等） （6）删除、批量删除 Bug挺多，有待完善
Qt写一个音乐播放器
m0_60259116的博客
04-20 501
Qt写一个音乐播放器
保姆级教学QT实战项目：基于QT的音乐播放器(一)
最新发布
yuanmoxts的博客
04-01 3760
UI界面我就不细说了，可以自行参照设计，实现的功能有：1.搜索网络歌曲，但是这个网络歌曲是自己模拟的服务器，与各大音乐软件服务器或者API什么的无关2.歌词同步3.随机播放，上一首，下一首，暂停播放。主要就是这些按钮控件。最右边的按键就是歌曲列表与歌词页面的切换按钮最左边的为随机播放功能开启和关闭。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值