基于Qt的音乐播放器(二)切换歌曲,调节音量,调节语速,暂停

基于Qt的音乐播放器(二)切换歌曲,调节音量,调节语速,暂停切换歌曲,调节音量,调节语速,暂停先说一下,针对上一次的ui界面,这次做了重新设计,第一张是以前的,第二张是现在的设计,不要喷我按钮的ui,都是临时的,后面会用一种风格整体替换,我还加入了皮肤切换,不过还没有实现功能,这个ui也不是最终设计,后期还是会更新的,争取做到最好,说实话,这个设计真是让人头疼,毕竟是把美工的活抢了,哈哈,然后这个ui的设计,我们先不讲,如果需求高的话,会考虑再写一篇有关ui的,完整项目已上传github,自行下载,其他就没有了,我们赶紧进入今天的正题。

大家好,又见面了,我是你们的朋友全栈君。

2020博客之星年度总评选进行中:请为74号的狗子投上宝贵的一票!
我的投票地址:点击为我投票
在这里插入图片描述



项目下载 GitHub

前一篇:基于Qt的音乐播放器(一)添加音频文件,播放音乐,更新进度条
先说一下,针对上一次的ui界面,这次做了重新设计,第一张是以前的,第二张是现在的设计,不要喷我按钮的ui,都是临时的,后面会用一种风格整体替换,我还加入了皮肤切换,不过还没有实现功能,这个ui也不是最终设计,后期还是会更新的,争取做到最好,说实话,这个设计真是让人头疼,毕竟是把美工的活抢了,哈哈,然后这个ui的设计,比如点击切换对应的图片,我们先不讲,这里一篇简单介绍了如何布局和美化页面点击进入,如果大家需求高的话,会考虑再写一篇有关ui进阶的,好好讲一下如何设计ui,完整项目已上传github,自行下载,其他就没有了,我们赶紧进入今天的正题。
在这里插入图片描述
在这里插入图片描述


1.切换歌曲

切换歌曲的思路是:歌曲在PlayList列表是有序号的,第一首是0,第二首就是1,依此类推,player播放的是当前PlayList序号所标记的那一首,当我们需要切换下一首的时候,我们只需要将标记移到下一首,然后播放,就实现了切换歌曲的业务。下面来看实现。
mainwindow.h

    int M_Amount=0;   //用来记录文件总数
    int M_Value=0;    //当前播放的文件标记

ui创建上一首按钮(pushButton_3),右击槽,选择clicked()槽函数。
mainwindow.cpp

void MainWindow::on_pushButton_3_clicked()
{ 
   
    M_Amount = playlist->mediaCount();
    if(M_Value == M_Amount)
    { 
   
        M_Value =0;
        playlist->setCurrentIndex(M_Value);
        player->play();
        return;
    }
    playlist->setCurrentIndex(++M_Value);
        player->play();
}

知识点:

  • playlist->mediaCount();
    获取列表中文件的总数。

  • playlist->setCurrentIndex(++M_Value);
    设置当前播放文件的标记,++M_Value用于将当前标记后移,实现切换歌曲。

  • 这里需要注意的一点是当标记到达最后的时候,我们应该检测以下,让他再次从0开始。


2.调节音量

可以看到ui中有一个喇叭,旁边有一个进度条,我们实现拖动进度条改变音量,而直接点击喇叭则静音。
1.喇叭按钮,选择clicked()槽函数。
2.进度条右键,选择valueChanged()槽函数,注意不要选两个参数的。
mainwindow.cpp

void MainWindow::on_pushButton_5_clicked()
{ 
   
    player->setVolume(0);
}

void MainWindow::on_horizontalSlider_2_valueChanged(int value)
{ 
   
    player->setVolume(value);
}

知识点:

  • player->setVolume(value);
    用于设置音乐音量(0-100).

3.调节语速

语速也是用一个进度条来调节。
mainwindow.cpp

void MainWindow::on_verticalSlider_valueChanged(int value)
{ 
   
    player->setPlaybackRate(value);
}

4.播放/暂停

void MainWindow::on_pushButton_2_clicked()
{ 
   
    if(m_IsPause==true)//false 为播放
    { 
   
        ui->pushButton_2->setStyleSheet("border-image: url(:/lib/1bofang.png);");
        m_IsPause = false;
        player->pause();
        return;
    }
    m_IsPause = true;
    ui->pushButton_2->setStyleSheet("border-image: url(:/lib/1zantingtingzhi.png);");
    player->play();
}

5.我们来看下效果

在这里插入图片描述


6.关于上一篇提到的播放卡顿,拖动进度条导致音乐不正常播放,已解决。

原代码

void MainWindow::on_horizontalSlider_valueChanged(int value)
{ 
   
    player->setPosition(value);//移动进度条触发
}

修改后

void MainWindow::on_horizontalSlider_sliderReleased()//释放鼠标后触发
{ 
   
     player->setPosition(ui->horizontalSlider->value());
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/141909.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月24日 下午8:20
下一篇 2022年5月24日 下午8:20


相关推荐

  • 阿里云申请免费ssl证书及安装_申请免费ssl证书

    阿里云申请免费ssl证书及安装_申请免费ssl证书本文参考以下文章并整理:阿里云SSL证书免费申请方法(图文教程)藏羚骸的博客~阿里云SSL证书部署(DigiCert免费版SSL)2022阿里云免费SSL证书品牌为DigiCertDV单域名证书,每个阿里云账号可以申请20个免费SSL证书资源包,SSL证书大全图文详解阿里云SSL证书免费申请和部署教程,包括SSL证书申请域名DNS验证等操作。阿里云DigiCert免费版SSL有效期一年,过期后需要重新部署SSL。所以,不管是第一次部署SSL还是刚接手公司项目SSL就到期的小伙伴都可

    2022年10月3日
    4
  • 前端面试题ajax_前端性能优化面试题

    前端面试题ajax_前端性能优化面试题AJAX1,Ajax是什么?如何创建一个Ajax?ajax的全称:AsynchronousJavascriptAndXML。异步传输+js+xml。所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验(1)创建XMLHttpRequest对象…

    2022年8月27日
    5
  • IOS 与ANDROID框架及应用开发模式对照一[通俗易懂]

    IOS 与ANDROID框架及应用开发模式对照一

    2022年1月20日
    149
  • 如何得到给定序列的互补序列以及反向互补序列

    如何得到给定序列的互补序列以及反向互补序列用 python 实现如下 1 usr bin python2 Complementin dna ACTGATCGATTA 5 由于 python 区分大小写 所以先替换成小写可以有效避免后面重复替换的问题 6compleme

    2025年10月21日
    6
  • jetbrains 激活码(注册激活)「建议收藏」

    (jetbrains 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~14…

    2022年3月30日
    783
  • vs2015配置opencv_捷达VS5进取版有哪些配置

    vs2015配置opencv_捷达VS5进取版有哪些配置目录安装环境说明下载OpenCV配置OpenCV开发环境属性表测试可能存在的问题安装环境说明操作系统:Windows10OpenCV版本:OpenCV2和OpenCV3VS版本:VS2015或者VS2017下载OpenCVOpenCV下载地址:http://opencv.org/或者直接搜OpenCV下…

    2022年10月4日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号