《二十二》Qt 音频编程实战---做一个音频播放器

1.UI界面制作

作为一个音乐播放器，最基础的肯定就是播放、暂停、上一首以及下一首，为了使这个界面好看一点，还加入了音量控制、进度条、歌曲列表等内容，至于这种配色和效果好不好看，我也不知道，个人审美一如既往的不达标。

QT设计界面有两种方式，一种是直接通过纯代码的方式实现，将各种控件以及布局通过代码的方式编排成一个完整的UI界面，但是这种方式较为麻烦也比较复杂，代码量也比较大，还有一种就是通过UI文件拖拽QT控件，来对整个布局进行排版的效果，我这里为了省事采用的就是这种方式，至于实际效果怎么样那就要看个人审美了。

整个UI界面内部使用到的基础控件有以下几种：

控件名称	控件类	控件功能
PushButton	QPushButton	用来控制添加、删除、清空歌曲列表的功能
horizontalSlider	QSlider	用来控制播放进度、音量等功能
listWidget	QListWidget	歌单列表，内部存入添加的歌曲
groupBox	QgroupBox	内部放入播放列表
label	Qlabel	标签，可以用来显示提示信息以及图片

2.加入播放器类

UI界面设计完成之后就是加入播放器类。QT中使用播放器类需要加入对应的链接模块，通过查询QT的帮助手册可以查到，然后在项目的pro文件中加上即可。

加入链接模块后，需要添加我们需要使用到的一些相关的播放器类头文件

#include<QMediaPlayer>
#include<QMediaPlaylist>
#include<QFileDialog>

3.播放器初始化

首先在头文件先定义出我们所需要的成员以及槽函数，定义一个QMediaPlayer类以及QMediaPlaylist类，还需要记录歌曲时长，以及位置，方便我们拖动进度条。

QMediaPlaylist类，可以为QMediaPlayer提供一个播放列表，它其实是QMediaContent对象的列表，QMediaPlayer通过函数setPlaylist来设置一个播放列表。QMediaPlaylist通过函数addMedia向播放列表添加一个媒体文件。QMediaplaylist类的播放模式：PlaybackMode

private:Ui::MainWindow *ui;QMediaPlayer *player;QMediaPlaylist *playlist;QString drtTime;//歌曲时长QString pstTime;//播放位置private slots:void Onstatechg(QMediaPlayer::State state);//按钮切换状态void Onplaylishchg(int pos);//播放列表void OnDrtchg(qint64 drt);//歌曲总时间长度void Onpstchg(qint64 pos);//播放歌曲当前位置

对于槽函数Onstatechg()的实现，我们对state状态进行比较，从而对按钮：播放，暂停，停止按钮进行处理。

void MainWindow::Onstatechg(QMediaPlayer::State state)//按钮切换状态
{ui->pushButton_player->setEnabled(!(state==QMediaPlayer::PlayingState));ui->pushButton_puse->setEnabled(state==QMediaPlayer::PlayingState);ui->pushButton_stop->setEnabled(state==QMediaPlayer::PlayingState);
}

槽函数Onplaylishchg() 的实现，获取listWidget中的项目，来显示到下方歌曲名称的label中

void MainWindow::Onplaylishchg(int pos)//播放列表
{ui->listWidget->setCurrentRow(pos);QListWidgetItem *item=ui->listWidget->currentItem();if(item){ui->label_name->setText(item->text());}
}

槽函数OnDrtchg()的实现,先获取进度条的最大长度，根据获取的歌曲时间，转化成分，秒。放到歌曲时间label中

void MainWindow::OnDrtchg(qint64 drt)//歌曲总时间长度
{ui->horizontalSlider_speed->setMaximum(drt);int sec=drt/1000;//总共多少秒int min=sec/60;//分sec=sec%60;//秒drtTime=QString::asprintf("%d:%d",min,sec);ui->label_time->setText(pstTime+"/"+drtTime);
}

调整进度条，Onpstchg() 与上面方法类似，目的就是更新位置

void MainWindow::Onpstchg(qint64 pos)//播放歌曲当前位置,更新变化
{if(ui->horizontalSlider_speed->isSliderDown()){return;}ui->horizontalSlider_speed->setSliderPosition(pos);int sec=pos/1000;int min=sec/60;sec=sec%60;pstTime=QString::asprintf("%d:%d",min,sec);ui->label_time->setText(pstTime+"/"+drtTime);
}

接着就是槽函数链接了：

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);player=new QMediaPlayer(this);playlist=new QMediaPlaylist(this);playlist->setPlaybackMode(QMediaPlaylist::Loop);//循环模式player->setPlaylist(playlist);connect(player,SIGNAL(stateChanged(QMediaPlayer::State)),this,SLOT(Onstatechg(QMediaPlayer::State)));connect(player,SIGNAL(positionChanged(qint64)),this,SLOT(Onpstchg(qint64 )));connect(player,SIGNAL(durationChanged(qint64)),this,SLOT(OnDrtchg(qint64 )));connect(playlist,SIGNAL(currentIndexChanged(int)),this,SLOT(Onplaylishchg(int)));
}

4.功能控件

再接着我们来实现各种按钮以及拖动进度条事件的槽函数：

这些都是我们要实现的槽函数：

先从打开文件开始：

void MainWindow::on_pushButton_open_clicked()
{//添加歌曲QString currentpath=QDir::homePath();//当前位置QString dlgtitle="请选择音频文件：";//文件对话框标题QString strfilter="所有文件(*.*);;音频文件(*.mp3);;mp3文件(*.mp3)";//文件过滤器QStringList filelist=QFileDialog::getOpenFileNames(this,dlgtitle,currentpath,strfilter);if(filelist.count()<1){return;}for(int i=0;i<filelist.count();i++){QString afile=filelist.at(i);playlist->addMedia(QUrl::fromLocalFile(afile));//添加文件QFileInfo fileinfo(afile);ui->listWidget->addItem(fileinfo.fileName());//将文件添加到界面listwidget控件}if(player->state()!=QMediaPlayer::PlayingState){playlist->setCurrentIndex(0);}player->play();
}

首先要获取到位置，通过文件过滤来找到我们所需要的mp3文件，根据选中的文件数量依次添加到listWidget中，

剩下的就比较简单了，我们全放出来：

void MainWindow::on_pushButton_player_clicked()
{if(playlist->currentIndex()<0){playlist->setCurrentIndex(0);}player->play();
}void MainWindow::on_pushButton_puse_clicked()
{player->pause();
}void MainWindow::on_pushButton_stop_clicked()
{player->stop();
}void MainWindow::on_pushButton_prev_clicked()
{playlist->previous();
}void MainWindow::on_pushButton_next_clicked()
{playlist->next();
}void MainWindow::on_pushButton_volumn_clicked()
{bool mutex=player->isMuted();player->setMuted(!mutex);if(mutex){ui->pushButton_volumn->setIcon(QIcon(":/icon/sound.png"));}else{ui->pushButton_volumn->setIcon(QIcon(":/icon/mute.png"));}
}void MainWindow::on_horizontalSlider_Volumn_valueChanged(int value)
{player->setVolume(value);
}void MainWindow::on_horizontalSlider_speed_valueChanged(int value)
{player->setPosition(value);
}

以及图标我们可以创建一个资源文件，来放图标：