Folia 手机使用指南：3 分钟把歌词动画播放器装进主屏幕

Folia 手机使用指南3 分钟把歌词动画播放器装进主屏幕【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major不用下载任何安装包部署加安装全程不超过 5 分钟你的手机就能获得一台全屏运行的 Folia 歌词动画播放器。原理一句话Folia 的 Web 版内置了 PWA渐进式 Web 应用一种可以装进手机主屏幕、以独立窗口全屏运行的网页支持把页面装好之后它就是你的 App。下面带你走完整条路线把 Web 版部署上线 → 在安卓或 iPhone 上装出图标 → 看歌词动画在竖屏上的表现 → 顺手接上自己的 Navidrome 曲库。 先把边界看清Folia 手机上能做和不能做装之前先问一句哪些功能值得装、哪些不用指望下面是实测边界看完再动手不浪费流量。能用用不了原因网易云 / QQ 音乐 / 酷狗在线搜索播放登录态就存在你手机浏览器里导入手机里的本地音乐文件依赖 File System Access API浏览器直接读本地目录的能力只有桌面版 Chromium 系浏览器提供手机浏览器没有目录选择器全部歌词动画主题响应式布局按竖屏自动重排动画帧率照旧选择音频输出设备、标准剪贴板复制同属浏览器安全上下文能力HTTP 地址下会失效一句话定位把手机上的 Folia 当歌词动画播放器 在线 / Navidrome 曲库用这是它最顺手的姿势。 从拿到地址到主屏幕出图标PWA 本质是一个可安装的网页所以第一件事是把 Web 版部署到一个手机能打开的地址。三种方式里最省心的一条是仓库 README 里的一键部署点 Vercel 或 Cloudflare 的部署按钮几分钟就拿到一个自带 HTTPS 的公网地址不用买服务器、不用配域名QQ 音乐也不用另挂 API 实例把VITE_QQ_API_BASE填成/api/qq再配上服务端密钥即可说明见 README.md。NAS 用户走 Docker 全栈部署docker compose up -d拉起后默认监听 18080 端口步骤在 deploy/docker/README.md想完全自定义就克隆仓库后按 docs/technical.md 的环境变量说明发到任意支持 Node.js 的平台。⚠️ 一个关键前提内嵌在这里PWA 的可靠安装和离线缓存都依赖 HTTPS免费平台自带证书自部署则必须配好反向代理和可信证书否则你会在下一步找不到安装入口。 安卓用 Chrome 把应用装进主屏幕用 Chrome 打开你的 Folia 地址确认地址栏是https开头点右上角菜单⋮选添加到主屏幕或安装应用核对名称是 Folia点添加 iPhone / iPad用 Safari 把应用装进主屏幕用 Safari 打开你的 Folia 地址点底部分享按钮方框加向上箭头上滑找到添加到主屏幕确认名称点添加装好后点一下图标Folia 以独立窗口启动没有地址栏和标签页#09090b深色状态栏与应用背景融为一体视觉上与原生 App 没有差别——这来自构建配置里的standalone窗口模式和apple-mobile-web-app-capable全屏元标签。 点开图标之后竖屏里的歌词动画长什么样窄窄一屏放得下吗放得下而且不需要你动任何参数。每个主题都按窗口尺寸做响应式排版竖着拿手机时歌词自动重排横竖屏切换也不闪断。看两种风格的实际观感Lumi 流光风格近黑底色歌词带发光描边逐字亮起一行字横跨屏幕在 OLED 手机上黑得彻底、亮得干净。群唱Cappella风格则把整段歌词拆成多条气泡从屏幕两侧依次落进画面像群聊逐句亮起来副歌密集时满屏都是字节奏感很强。想换风格随时进主题速编切换部署时填过 AI 密钥的话配色还能跟着歌曲情绪自动变手机上同样生效。️ 想听自己收藏的歌Folia 配 Navidrome 三步接上手机读不了本地文件不代表只能听平台的歌——把曲库搬上 NAS 就通了NAS 上用 Docker 部署 Navidrome挂载你的音乐目录在 Folia 账户页填 Navidrome 地址、用户名、密码完成接入点开任意一首歌Folia 拉取曲库、封面与歌词歌词动画照常驱动音乐文件留在 NAS手机只走流式播放省空间也省流量用 Docker 全栈部署的用户把.env里三项 Navidrome 凭据填好手机新打开 Folia 时会自动登录连第二步都能省掉。 出问题了对着这份清单排查找不到添加到主屏幕 / 安装应用选项→ 多半是地址还在走 HTTPPWA 安装依赖 HTTPS 安全上下文 → 换用 HTTPS 地址免费平台自带自部署按 deploy/docker/README.md 配反向代理没有就重开一次页面再试。安卓 / iOS 菜单里压根没有这个选项→ 浏览器不对安装入口只在 Chrome for Android 和 iOS Safari 提供 → 换成对应浏览器打开同一地址。更新了还是旧版本→ Service Worker 用autoUpdate策略正常下次打开就换新资源 → 仍卡旧版就清一次站点数据再重新添加到主屏幕。看不到本地音乐导入入口→ 功能边界问题手机浏览器不支持目录选择 → 放弃本地导入按上一节走 Navidrome。弱网里打不开→ 预缓存只在完整加载过一次之后生效 → 先在信号好的地方完整打开一遍之后弱网可快速启动界面音乐流本身仍需联网。到此收束手机里没有多出一个安装包只是多了一个点开会进入全屏 Folia 的网页图标。动作清单部署 Folia Web 版拿到 HTTPS 地址安卓用 Chrome、苹果用 Safari 打开该地址菜单 / 分享 → 添加到主屏幕点开图标竖屏全屏听歌歌词动画开始跑【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考