Flutter 实现一款简单的音乐播放器

news/2025/1/16 5:30:38/

简悦 是一款简单免费的音乐播放器,自己写Flutter也有一段时间了,刚好最近公司的项目想在PC端重写一个,就想着用Flutter实现试一试,于是先拿这个项目来熟悉一下Flutter开发PC端,练练手,主要用于学习及个人使用,没有商业用途哈,还有很重要的一点:不支持收费音乐的播放哦。

目前可以运行在Mac、iOS、Android上,Web端本来也是可以的,但是SQLite数据存储还没有比较好的方案,就暂时放弃了,Windows没有装Win系统的电脑,所以还没跑过,不知道效果啥样,PC和手机端都做了单独的适配。UI界面和icon用Sketch来设计完成的,还支持自动切换深色/浅色模式,后端部分接口时候云函数实现,用于拉取歌单和单曲的播放链接。

项目地址:https://github.com/joedrm/weapon

主要功能:

  1. 音乐播放、暂停、下一首、收藏、歌词显示。
  2. 单曲或者歌单搜索播放。
  3. 本地存储收藏的歌曲,并展示在收藏列表中。
  4. 热门歌单。
  5. 最近歌曲排行榜。
  6. 深色 / 浅色模式切换。

运行环境:

Channel stable, 2.5.2

PC端效果

DarkLight
image-20220719182826564image-20220719182713602
image-20220719182304064image-20220719183007520
image-20220719182328498image-20220719183031533
image-20220719182446052image-20220719183218870
image-20220719182521347image-20220719183201305

移动端效果

DarkLight
391658286368_.pic381658286368_.pic
491658286755_.pic481658286754_.pic
431658286370_.pic421658286369_.pic
441658286370_.pic411658286369_.pic
451658286370_.pic401658286368_.pic
471658286375_.pic

感谢:

Meting

NeteaseCloudMusicApi

www.googlec.cc

v1.hitokoto.cn


http://www.ppmy.cn/news/527615.html

相关文章

一个手机android音乐播放器,酷我听听 Android最好用的手机音乐播放器

歌曲播放与听听曲库 添加好自己手机中的歌曲之后,用户就能够选择歌曲进行播放收听了。酷我听听的播放页面非常华丽哦。支持歌曲专辑图片,以及歌词同步。小编试听了两首歌曲许嵩的《素颜》以及柯有伦的《零》,感觉酷我听听的音质也是非常上乘的…

JavaSE基础语法--数组的拷贝

数组的拷贝方法有好几种,第一种是简单的for循环。通过遍历原数组来给新数组赋值完成数组的拷贝代码如下: import java.util.Arrays;public class TestDemo {public static void main(String[] args) {int[] arr1{1,2,3,4,5,6};int[] arr2new int[arr1.l…

洛菲创意字体设计分享--绿斗堂字体网

今天给大家整理一组非常有创意的洛菲字体设计给大家,喜欢的小伙伴赶紧点击关注收藏吧!

「 每日一练,快乐水题 」917. 仅仅反转字母

✅力扣原题: 力扣链接:917. 仅仅反转字母 ✅题目简述: 给你一个字符串 s ,根据下述规则反转字符串: 所有非英文字母保留在原有位置。 所有英文字母(小写或大写)位置反转。 返回反转后的 s 。 ✅解题思…

【LEETCODE】【史密斯数】

【LEETCODE】【史密斯数】 题目描述 Simth数的概念:一个非素数,其各位之和等于其所有质因数的各位之和。例如: 42 2,422,所以4是一个史密斯数。 22211,22211,22也是一个史密斯数。 273 33,27333,27也是一个…

史密斯圆图与仿真

目录 是什么?基本概念总结1.相关名词2.反射系数3.传输线阻抗公式 图怎么看?史密斯圆图知识点 史密斯圆图使用?1.ADS软件安装2.史密斯圆图仿真 结语 是什么? 该图表是由菲利普史密斯(Phillip Smith)于1939年发明的。 简单的说&…

【Hardware】【史密斯圆图】

史密斯圆图是什么: 该图表由菲利普史密斯于1939年发明,史密斯曾说过,“在我能够使用计算尺的时候,我对以图表方式来表达数学上的关联很有兴趣” 其中 T 代表反射系数(reflection coefficient)。 Zl是归一…

史密斯(Smith)圆图

反射系数圆图 阻抗/导纳圆图 史密斯圆图 1、反射系数圆图 反射系数: 其中为输入阻抗,为传输线特性阻抗,为归一化输入阻抗。 为终端反射系数,负载指向电源方向为z轴正向。 为反射系数的模值,为其相角,以的实…