【开源】Gemini 手搓了一个高颜值的 PWA 移动端音乐播放器，iOS 风格 / 多源搜索 / 灵动岛适配
潜水许久，今天来交个作业。
前段时间在站里看到了 大佬分享的聚合音乐 API，觉得非常稳定好用。正好手痒，就想着写一个移动端优先 的音乐播放器，主打一个 “高颜值” 和 “原生体验”。
项目名字叫 TuneFree Mobile ，完全开源，可以直接部署在 Cloudflare Pages 上（白嫖真香）。
效果预览
演示地址：https://xilan.ccwu.cc/
(手机访问体验最佳，iOS Safari 点击 “添加到主屏幕” 后体验起飞)
主要搞了些什么？
极致的 iOS 风格 ：也就是大家喜欢的 “毛玻璃” 特效、非线性动画，尽量还原原生 App 的手感。
PWA 支持 ：不需要上架 App Store，Safari/Chrome 添加到桌面就是个独立 App，没有地址栏，支持启动屏。
核心功能全都有 ：
多源搜索 ：网 / Q / 酷，懂的都懂。
灵动岛适配 ：iPhone 上会有媒体状态显示。
后台播放 ：接了 Media Session API，锁屏也能切歌、看封面、拖进度条。
可视化频谱 ：写了个 Canvas 频谱动效，看着比较解压。
本地歌单 ：数据存在本地，支持导出导入 JSON 备份。
- 技术栈 ：React 19 + Vite + Tailwind CSS，极速启动。
部署指南
已经配置好了 CF 的 wrangler，你可以 Fork 仓库后直接在 Cloudflare Pages 连 GitHub 自动部署，API 地址默认配置好了。
GitHub 仓库地址 ：
https://github.com/alanbulan/musicxilan
致谢
必须感谢 大佬提供的后端 API 支持，本项目的数据核心全靠它，接口文档也很清晰。
原帖传送门：https://linux.do/t/topic/1326425
最后
代码写得比较随性，主要是为了自己用得爽。如果各位佬觉得还不错，求个 Star 支持一下 ！有 bug 或者是功能建议欢迎在评论区或者 Issue 提出来～
