Qt5 QMediaPlayer 音乐播放器

     暑假用Qt写的音乐播放器,界面有点丑,然后功能也有点少,还有一些bug,然后现在趁着寒假的时间把之前的界面给改了一下,并添加 了一些功能,修改了一些bug,实现功能包括基本的歌曲播放暂停,上一首,下一首,添加歌曲,添加为我喜欢,添加至我的收藏,最近播放,列表的右键菜单,主窗口的右键菜单,删除歌曲,多选,查看歌曲信息,改变播放模式(顺序播放,随机播放,单曲循环),歌曲定位,清除列表,换皮肤,切换至小播放器模式,查找本地音乐,设置透明度,任务栏下的菜单,调节音量,快捷键,并添加了一些动画等等,先上图吧(代码已上传到github:https://github.com/sundial-dreams/Qt5_Music/tree/master,欢迎下载,别忘了点赞哦)      

Qt5 QMediaPlayer 音乐播放器_第1张图片

 

Qt5 QMediaPlayer 音乐播放器_第2张图片

    Qt5 QMediaPlayer 音乐播放器_第3张图片

 

Qt5 QMediaPlayer 音乐播放器_第4张图片

 

 

 

     好了,现在讲讲我是怎么写的吧,首先最基本的播放歌曲代码应该就是:

     

QMediaPlayer  *music = new QMediaPlayer(this);//初始化音乐

QMediaPlaylist *playlist = new QMediaPlaylist(this);//初始化播放列表

playlist->setPlaybackMode(QMediaPlaylist::Loop);//设置播放模式(顺序播放,单曲循环,随机播放等)

playlist->addMedia(QUrl::fromLocalFile("D:/xx/yy/mm.mp3"));//添加歌曲,这里添加的是歌曲的路径

playlist->addMedia(QUrl::fromLocalFile("D:/xx/yy/mm2.mp3"));//添加歌曲,这里添加的是歌曲的路径

music->setPlaylist(playlist);  //设置播放列表
music->play();//播放歌曲

       这样就能按播放列表来播放了

       然后playlist里面的歌曲是看不到的,就需要一个列表来显示歌曲,我用的是QListWidget,这样的话,只需要把列表项与playlist里面的歌曲对应上就可以了,然后要保存歌曲,数据库自然就少不了了,可以用Qt自带的数据库QSQLITE,然后创建数据库和表,写个函数

static bool CreatConnection()
{

QSqlDatabase db=QSqlDatabase::addDatabase("QSQLITE");//建库
db.setDatabaseName("mymusic.db");//给数据库起名字
if(!db.open())
{
    return false;
}
QSqlQuery query;
 query.exec(QString("create table LocalMusic (id int,MusicName varchar,FileName varchar,     primary key(id,MusicName,FileName))"));//本地音乐列表数据,把歌曲名和歌曲路径给存起来
return true;
}

在main函数中先执行这个函数,创建个数据库即可。


添加歌曲:

QListWidget *list = new QListWidget(this);
QSqlQuery query;

QStringList list=QFileDialog::getOpenFileNames(this,QString::fromLocal8Bit("文

件"),currentFileName[1],QString::fromLocal8Bit("音频文件(*.mp3)"));//用个文件登陆框来选择.mp3文件,包括多个文件

if(!list.isEmpty()){

for(int i=0;iaddMedia(QUrl::fromLocalFile(path));
QString Name=path.split("\\").last();
QListWidgetItem *item = new QListWidgetItem(QIcon("图片.png"),Name);
item->setToolTip(Name);
list->addItem(item);
query.exec(QString("insert into values(%1,'%2','%3')").arg(i).arg(Name).arg(path);

}

}

 

这样就列表上就可以显示歌曲了,并且把歌曲信息保存到数据库里了,可以在初始化的时候把数据库的歌名添加到列表中即list,把歌曲路径添加到播放列表中即playlist,但是显示的歌曲如果太多就会出现滚动条,默认的滚动条貌似不是很好看,可以用一下代码美化滚动条

 

QString listWidgetStyle = "QScrollBar:vertical"
                                  "{"
                                      "width:8px;"
                                      "background-color:transparent;"
                                      "margin:0px,0px,0px,0px;"
                                     " padding-top:12px;   /*上预留位置*/"
                                     " padding-bottom:12px;    /*下预留位置*/"
                                  "}"


                                 "QScrollBar::handle:vertical"
                                 " {"
                                 "     width:8px;"
                                 "     background-color:rgba(255,255,255,0.2);"
                                 "     border-radius:4px;"
                                 "     min-height:20px;"
                                 " }"


                                 "QScrollBar::handle:vertical:hover"
                                 "{"
                                 "    width:9px;"
                                 "    background-color:rgba(255,255,255,0.5);"
                                 "    border-radius:4px;"
                                 "    min-height:20;"
                                 "}"

                                 "QScrollBar::add-line:vertical"
                                 "{"
                                 "     height:12px;"
                                 "     width:10px;"
                                 "     border-image:url(:/selectfile/scroll/3.png);"
                                 "     subcontrol-position:bottom;"
                                 "}"

                                 "QScrollBar::sub-line:vertical"
                                 "{"
                                 "     height:12px;"
                                 "     width:10px;"
                                 "     border-image:url(:/selectfile/scroll/1.png);"
                                 "     subcontrol-position:top;"
                                 "}"
                                 "QScrollBar::add-line:vertical:hover"
                                 "{"
                                 "     height:12px;"
                                 "     width:10px;"
                                 "     border-image:url(:/selectfile/scroll/4.png);"
                                 "     subcontrol-position:bottom;"
                                 " }"


                                 " QScrollBar::sub-line:vertical:hover"
                                 " {"
                                 "     height:12px;"
                                 "     width:10px;"
                                 "     border-image:url(:/selectfile/scroll/2.png);"
                                 "     subcontrol-position:top;"
                                 " }"

                                 " QScrollBar::add-page:vertical,"
                                 "QScrollBar::sub-page:vertical"
                                 " {"
                                 "     background-color:transparent;"
                                 "     border-radius:4px;"
                                 "}";

    ui->list->verticalScrollBar()->setStyleSheet(listWidgetStyle);

然后就是得有个进度条,和歌曲时间 

 

进度条,进度条自然是用QHorizontalSlider了,主要就是歌曲进度得随着播放进度变化,所以可以使用信号和槽,QMediaPlayer有两个信号,QMediaPlayer::positionChanged和QMediaPlayer::durationChanged,分别是当前歌曲播放位置的变化,和切换歌曲时的歌曲长度,那么就需要写两个槽来接收这两个信号了

 

//1.

void Widget::updatePosition(qint64 position)//接收歌曲位置改变,那么滑块的位置也要变
{
ui->horizontalSlider->setValue(position);//设置滑块位置
}

//2
void Widget::updateDuration(qint64 duration)//更新播放歌曲的时间
{

ui->horizontalSlider->setRange(0,duration);//根据播放时长来设置滑块的范围
ui->horizontalSlider->setEnabled(duration>0);

ui->horizontalSlider->setPageStep(duration/10);//以及每一步的步数

}

然后将他们连接就可以了

connect(music,&QMediaPlayer::positionChanged,this,&Widget::updatePosition);

connect(music,&QMediaPlayer::durationChanged,this,&Widget::updateDuration);

还有就是列表选中的歌曲也要跟着playlist的歌曲变化来变化,需要利用QMediaPlaylist::currentIndexChanged信号,故写槽:

void Widget::updateList(int value){

ui->list->item(value)->setSelected(true);

}

然后connect(playlist,&QMediaPlaylist::currentIndexChanged,this,&Widget::updateList);

播放暂停的话就直接点播放个按钮就music->play();点个暂停按钮就music->puase();

 

然后还有就是时间的转换,mp3的时间是用毫秒来算的,那么就要变成 分钟:秒 的格式,可以写个函数来转换:

static QString Time(qint64 time)//转换时间
{
    qint64 seconds=time/1000;
    const qint64 minutes=seconds/60;
    seconds-=minutes*60;
    return QStringLiteral("%1:%2")
            .arg(minutes, 2, 10, QLatin1Char('0'))
            .arg(seconds, 2, 10, QLatin1Char('0'));
}

然后还有播放模式,其实就是为playlist设置播放模式就可以了,比如顺序播放playlist->setPlaybackMode(QMediaPlaylist::Loop); 

单曲循环playlist->setPlaybackMode(QMediaPlaylist::CurrentItemInLoop);,随机播放playlist->setPlaybackMode(QMediaPlaylist::Random);等

 

上一首和下一首也很容易

 

上一首:当上一首按钮点击执行

void Widget::preMusic(){
int row = playlist->mediaCount();//获取歌曲数量
int current  = playlist->currentIndex();//获取当前位置
if(--current<0){
current=0;
}
playlist->setCurrentIndex(current);//设置当前音乐
ui->list->scrollToItem(ui->list->item(current));//滚动到当前音乐
music->play();//播放

}

 下一首:点击下一首按钮时执行

void Widget::nextMusic(){
int row = playlist->mediaCount();//获取歌曲数量
int current  = playlist->currentIndex();//获取当前位置
if(++current>row){
current=0;
}
playlist->setCurrentIndex(current);//设置当前音乐
ui->list->scrollToItem(ui->list->item(current));//滚动到当前音乐
music->play();//播放

}

歌曲定位也很好做,歌曲定位:点击歌曲定位按钮执行

void getIndex(){

ui->list->item(playlist->currentIndex())->setSelected(true);

}

基本这样就可以做出来了。如果还有问题可以参考我写的工程,源代码版:Qt5 音乐播放器(含源代码),我相信代码给了,看懂只是时间问题,然后由于之前没有设计好,可能代码写得有点乱,而且可能还有重复代码,不过功能还是有的,可以参考一下,并找一些对自己有用的代码,打包版:Qt5 音乐播放器打包版。

(代码已上传到github:https://github.com/sundial-dreams/Qt5_Music/tree/master,欢迎下载,别忘了点赞哦)

本人现在才上大二,学Qt没多久,要是有什么地方说的不对,还望大牛指点。

你可能感兴趣的:(软件,C++,QT)