Lito Music - 一个轻量级的 Windows Apple Music 客户端

2021-09-20 13:35:02 +08:00
 lujjjh

之前为 Windows 上的 iTunes 写了个桌面歌词插件,后来想不如直接写一个客户端代替掉设计复古的 iTunes 。

客户端整体使用 MusicKit JS + Edge WebView2 + React 构建,所以体积比较小巧(相比 Electron apps )。

不过由于目前 Edge WebView2 运行时只在 Windows 10 Insider 和 Windows 11 中预装,如果是 Windows 10,首次运行的时候需要下载和安装 Edge WebView2 运行时。

只做了“现在就听”,其他功能慢慢加,体验跟 native 尚有差距,但比网页版的 Apple Music 高一个档次。

GitHub: https://github.com/lujjjh/lito

4118 次点击
所在节点    分享创造
21 条回复
chotow
2021-09-20 14:22:03 +08:00
非 Electron 应用,好评送上!
tanhui2333
2021-09-20 16:07:54 +08:00
好家伙,直接把机器搞死机
lujjjh
2021-09-20 21:53:46 +08:00
@tanhui2333 是整个系统卡死?能否提供下系统版本,我尝试重现一下。
maggch
2021-09-20 22:11:45 +08:00
Windows 11 专业工作站版 Insider Preview 22458.1000

应用打开后,所有窗口移动位置都非常卡
loveorange
2021-09-20 22:30:38 +08:00
@lujjjh 我是第二次打开后桌面跟着资源管理器重启了( windows defender 红了
tanhui2333
2021-09-20 22:51:10 +08:00
@lujjjh #3
版本 Windows 11 专业版
版本 21H2
安装日期 ‎2021/‎9/‎9
操作系统版本 22000.194
体验 Windows 功能体验包 1000.22000.194.0
lujjjh
2021-09-20 23:50:01 +08:00
@maggch
@loveorange
@tanhui2333
非常感谢提供信息
27149
2021-09-22 21:53:15 +08:00
beta2,授权完就白屏了。Win10
lujjjh
2021-09-22 23:45:22 +08:00
@27149 没能重现,可以尝试 beta.3,增加了开发者工具的开关: https://github.com/lujjjh/lito/releases/tag/v0.1.0.0-beta.3
codehz
2021-09-23 06:58:02 +08:00
是不是用了什么窗口模糊效果的 api,然后没用 winui 库?
codehz
2021-09-23 07:05:12 +08:00
看了一眼,原来已经删除了。。
那个 blur behind 效果需要用 winui 库做,私有 api 做的有概率在一些机器上巨卡,崩掉 explorer 也是正常情况(
lujjjh
2021-09-23 09:43:13 +08:00
@codehz 我猜测也是这个 API 的原因(跟显卡 /显卡驱动有关?),但是我这里没法复现,所以不知道去掉之后有没有修复……

打算等 WinUI 3 正式发布之后尝试一下 WinUI,不过上 WinUI 意味着不会支持 Win8.1 了。
pkumsy
2021-09-23 13:40:28 +08:00
beta3 下载完被系统提示检测到病毒,beta1 和 beta2 就没有
lujjjh
2021-09-23 14:51:24 +08:00
@pkumsy 其实 beta.2 也有误报,可能是我提交误报之后修复了。Windows Defender 似乎对没代码签名的程序不太友好,但非商业软件搞代码签名成本又太高了(便宜的也要几千块一年)……

我可能不会为每个版本都提交一次误报,不过后续会把构建和发布过程放到 GitHub Actions 里,有所顾虑的话可以参考 https://github.com/lujjjh/lito#build 自行构建。
27149
2021-09-23 15:28:11 +08:00
@lujjjh 登录后闪了一下现在就听的标题,就白了。今晚试下 beta3
tz1006
2021-09-24 20:36:22 +08:00
持续关注
Alexonx
2021-09-27 11:23:39 +08:00
@lujjjh 大佬好奇下您 github readme 的 svg 动画文字和图片是导出的嘛还是纯手打的ᕕ( ᐛ )ᕗ
lujjjh
2021-09-27 13:08:35 +08:00
@Alexonx 动画是 Figma 导出静态 svg 之后手动加上的。不过为了让动画更丝滑,写了个脚本插入 easing function 的值,生成最终的 svg:
https://github.com/lujjjh/lujjjh/blob/main/hello.mjs

对 SVG 动画感兴趣的话可以看下之前写的文章(
https://programming.plus/blog/2021/03/今天吃什么的实现上 /
https://programming.plus/blog/2021/03/今天吃什么的实现下 /
Alexonx
2021-09-28 15:06:56 +08:00
@lujjjh 感谢大佬
pkumsy
2021-10-27 15:02:26 +08:00
辛苦了~提一些小建议:
1. 希望加上左右滚动条,否则每一类下的播放列表没法看全
2. 播放列表除了图片也显示一下名字,要不然不知道这个播放列表或者专辑是什么
3. 希望播放列表可以点进去

谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/803036

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX