潜水许久，今天来交个作业。

前段时间在站里看到了 大佬分享的聚合音乐 API，觉得非常稳定好用。正好手痒，就想着写一个移动端优先 的音乐播放器，主打一个 “高颜值” 和 “原生体验”。

项目名字叫 TuneFree Mobile ，完全开源，可以直接部署在 Cloudflare Pages 上（白嫖真香）。

效果预览

演示地址：https://xilan.ccwu.cc/
(手机访问体验最佳，iOS Safari 点击 “添加到主屏幕” 后体验起飞)

主要搞了些什么？

1. 极致的 iOS 风格 ：也就是大家喜欢的 “毛玻璃” 特效、非线性动画，尽量还原原生 App 的手感。

2. PWA 支持 ：不需要上架 App Store，Safari/Chrome 添加到桌面就是个独立 App，没有地址栏，支持启动屏。

3. 核心功能全都有 ：

• 多源搜索 ：网 / Q / 酷，懂的都懂。

• 灵动岛适配 ：iPhone 上会有媒体状态显示。

• 后台播放 ：接了 Media Session API，锁屏也能切歌、看封面、拖进度条。

• 可视化频谱 ：写了个 Canvas 频谱动效，看着比较解压。

• 本地歌单 ：数据存在本地，支持导出导入 JSON 备份。

4. 技术栈 ：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 提出来～