MusicFree 桌面版来啦
MusicFree 第一个桌面版来啦,功能还不完善,但是大概能用了,先发出来测试一下好了~
依然是 GPL3.0 协议开源,代码地址:https://github.com/maotoumao/MusicFreeDesktop
打不开的话就把链接的 github 换 gitee。求star ~
来不及写 Readme 了,过两天补上;蓝奏云下载地址:https://wwzb.lanzoue.com/b042daj1a,也可以点击阅读原文下载(只打包了windows的安装包,实测mac也可以打包成功,就是有些功能上的bug,比如桌面歌词无法移动位置)。先大概介绍下功能👇
功能简介
主要思路和安卓版一致,也是一个本地音乐播放器,但是可以通过插件的形式扩展音源;且插件协议和安卓版完全一致。(也就是同一个插件在安卓版和桌面版都可以用)
技术选型
想了半天,electron 最合适。其他方案也行得通,但为了实现插件化,开发成本可能会很大。如果有人感兴趣的话,之后倒是可以详细写写技术选型的过程。
主要功能
- 播放本地音乐
- 插件化播放网络音乐(兼容安卓版的所有功能)
- 桌面歌词(mac 和 linux 还有没解决的 bug)
- 收藏歌单
- 自定义主题
关于 logo
暂时先用安卓版的 logo 代替,这两天有位热心小伙伴帮忙做了个 logo,近期考虑换掉~
播放本地音乐
直接把本地音乐拖拽进软件,就可以直接播放了:
也可以拖拽包含音乐的文件夹:
安装插件
可以从本地安装插件,也可以从网络安装插件。示例插件地址和安卓版的相同。
桌面歌词
windows版的功能是正常的(歌词超过一定宽度的时候会被截断,已知问题但是一直没时间改):
mac版的话不能移动位置(虽然有些比较奇怪的办法可以暂时改下位置。。。)
播放控制
可以通过右下角图标或者控制中心去控制播放:
自定义主题
这次在自定义主题上费了些功夫。桌面版支持自定义主题包,具体来说支持定义软件中所有的界面样式,以及6块主要区域的背景。
常规样式
先说界面样式,这个应该比较好理解,就是定义一些颜色,布局之类的,比如通过主题包定义的暗黑模式:
也可以定义一些静态的背景图:
高级样式
除了这些常规功能外,为了让背景更加有想象力一点,因此开放出了6个主要区域的背景自定义,具体来说是可以用任意的html文件来定义背景,这样就可以在背景上实现一些比较酷炫的动效,或者做一些实用的功能,比如跟随当天的天气切换背景等(不过要注意性能)。
6个主要区域包括:
整个窗口(app)
顶部(header)
侧边栏+主页面(body)
侧边栏(side-bar)
主页面(page)
音乐播放栏(music-bar)
接下来看几个效果(代码是从 codepen 上随便拷的):
先是几个动效:
下面这个背景是当前时间:
先写这么多吧~~ bug 应该有一些,也只能慢慢修了… 至少现在凑合能用了
最后再求一个star~ https://github.com/maotoumao/MusicFreeDesktop
btw 最近上班的感受是:为什么这些人都不下班……