首页/新闻资讯/正文详情

Folia 手机端完整指南:全屏歌词动画播放器用 Docker 部署并以 PWA 装入手机主屏

发布时间:2026/11/4 11:05:42 来源:云帆数科 栏目:资讯中心
Folia 手机端完整指南:全屏歌词动画播放器用 Docker 部署并以 PWA 装入手机主屏
Folia 手机端完整指南全屏歌词动画播放器用 Docker 部署并以 PWA 装入手机主屏【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major把 Folia 歌词动画播放器部署到手机够得到的地址装进手机后当独立 App 使用曲库来自在线平台或自建 Navidrome。部署前准备清单HTTPS、浏览器与曲库来源准备项要求缺了会怎样访问地址HTTPS浏览器安全上下文部分网页能力只对可信地址开放PWA 无法安装或不可靠部分浏览器接口降级手机浏览器安卓用 ChromeiOS 用 Safari菜单里没有「添加到主屏幕」入口装不了曲库来源在线平台账号网易云、QQ 音乐、酷狗或自建 Navidrome开源流媒体服务器扫描本地音乐目录后供其他应用点播应用能打开却没有可播内容以上三项缺哪项就卡在对应那一环先补齐再动手。Docker 全栈部署compose 文件加一条 up 命令在 NAS 或服务器上把仓库自带的 Compose 编排文件描述整套容器服务如何启动的文件拉下来即可不要求下载整个源码mkdir folia-docker cd folia-docker—— 建一个专用目录之后所有文件都放这里。curl -fL https://raw.githubusercontent.com/chthollyphile/folia-major/main/deploy/docker/compose.yaml -o compose.yaml—— 下载编排文件。curl -fL https://raw.githubusercontent.com/chthollyphile/folia-major/main/deploy/docker/.env.example -o .env—— 下载环境变量模板并命名为.env。openssl rand -hex 32—— 生成一串随机字符把它填进.env的SYNC_TOKEN这是同步服务要求的访问令牌至少 8 位。docker compose up -d—— 拉取镜像并在后台启动整套服务。浏览器打开http://NAS-IP:18080把 NAS-IP 换成服务器实际地址能看到 Folia 页面即成功。其余路线各给一个指向如果你不想维护服务器就走 Vercel 一键托管QQ 音乐在托管环境把VITE_QQ_API_BASE填成/api/qq并配一个服务端密钥即可细节在 QQ 音乐部署指南。如果你要自己掌握环境变量、构建和 HTTPS就执行git clone https://gitcode.com/GitHub_Trending/fo/folia-major克隆仓库后按 部署文档 自建。手机安装与验证安卓 Chrome 与 iOS Safari安卓 Chrome 添加 Folia 主屏用 Chrome 打开 Folia 地址。点右上角菜单⋮。选「添加到主屏幕」或「安装应用」。确认名称为 Folia点添加。启动后是独立全屏窗口没有地址栏和标签页说明装对了。iPhone Safari 添加 Folia 主屏用 Safari 打开 Folia 地址。点底部分享按钮。上滑找到「添加到主屏幕」。确认名称点添加。图标从手机桌面启动后直接进入播放界面看不到任何浏览器边框就是装对了。网易云、QQ 音乐、酷狗的登录态存在这台手机的浏览器里登录一次长期有效。接入自建曲库歌曲存放、Navidrome 扫描与手机取用文件流向是一条线歌曲文件留在 NAS 或硬盘上Navidrome 扫描目录后建立索引、对外提供流媒体接口手机上的 Folia 只负责拉取歌曲列表、封面和歌词来驱动播放不下载完整文件。在 NAS 上用 Docker 部署 Navidrome 并挂载音乐目录后到 Folia 的账户页填入它的地址与账号。地址必须每台设备都够得到容器内部主机名手机访问不到填了也连不上协议要和 Folia 页面一致页面走 HTTPS 时它也得是 HTTPS否则浏览器拦截混合内容。连接成功后曲库、封面和歌词随扫描结果同步过来缺失歌词可以走智能匹配补齐播放动画照常驱动。出问题先查这张表现象原因处理菜单里没有「添加到主屏幕」访问的是 HTTP 地址或没用 Chrome / Safari换 HTTPS 地址并换对应浏览器重新加载线上已更新手机打开还是旧界面PWA 缓存策略导致更新偶尔不生效清除该站点数据或删掉图标重新添加Navidrome 连上但拉不到歌曲与封面地址写成容器内部主机名或协议与页面不一致改成各设备可达的地址需要时对齐到 HTTPSHTTP 换 HTTPS 后登录态与设置全丢两种协议属于不同源数据不会迁移重新登录配置一遍地址定型后别再切换能力边界与上手顺序手机端没有本地目录导入入口它依赖只有桌面版浏览器才有的文件系统接口想听自己的歌就接 Navidrome 补上。建议先走托管或 Docker 路线把地址跑起来登录一个在线账号把歌词动画流程跑通稳定之后再接入自建曲库。【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关推荐

FaceFusion 离线部署一次讲透:3步搞定模型拉取与哈希校验
FaceFusion 离线部署一次讲透:3步搞定模型拉取与哈希校验

FaceFusion 离线部署一次讲透:3步搞定模型拉取与哈希校验 【免费下载链接】facefusion Industry leading face manipulation platform 项目地址: https://gitcode.com/GitHub_Trending/fa/facefusion 当你在内网机器上敲下 python facefusion.py run&#xf… · 2026/11/4 11:05:42

LanceDB 向量索引选型与调优:百万行数据下的延迟与召回率控制
LanceDB 向量索引选型与调优:百万行数据下的延迟与召回率控制

LanceDB 向量索引选型与调优:百万行数据下的延迟与召回率控制 【免费下载链接】lancedb Developer-friendly OSS embedded retrieval library for multimodal AI. Search More; Manage Less. 项目地址: https://gitcode.com/gh_mirrors/la/lancedb LanceDB 是… · 2026/11/4 11:05:42

S120功能图精读指南:读懂西门子驱动系统的神经地图
S120功能图精读指南:读懂西门子驱动系统的神经地图

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 11:04:42

AutoHotkey 输入法切换实战:5 个热键参数,中英文切换一次配好
AutoHotkey 输入法切换实战:5 个热键参数,中英文切换一次配好

AutoHotkey 输入法切换实战:5 个热键参数,中英文切换一次配好 【免费下载链接】AutoHotkey AutoHotkey - macro-creation and automation-oriented scripting utility for Windows. 项目地址: https://gitcode.com/gh_mirrors/au/AutoHotkey 写技… · 2026/11/4 11:51:37

匈牙利移居路线全解:基于 RUN 手册拆解客座投资者、白卡、Hungarian Card 与欧盟蓝卡
匈牙利移居路线全解:基于 RUN 手册拆解客座投资者、白卡、Hungarian Card 与欧盟蓝卡

【免费下载链接】RUN RUN 润:海外移居手册(欧洲 36 国 110 条路线 主要移民地区) 项目地址: https://gitcode.com/gh_mirrors/run33/RUN 点击查看 免费下载 匈牙利在 RUN(润)这本海外移居手册里被收录为… · 2026/11/4 11:51:37

转:不要“想象客户”,要去“成为客户”
转:不要“想象客户”,要去“成为客户”

个人理解: 要么解决自己的痛点,要么沉浸式复刻客户处境 解决自己的问题,满足自己的需求 不要“想象客户”,要去“成为客户” 不要“想象客户”,要去“成为客户” 想象出来的需求都是幻觉。要么解决自己的痛点&#… · 2026/11/4 11:51:37

LunaTranslator 完整指南:从 HOOK 到 OCR,掌握视觉小说游戏翻译
LunaTranslator 完整指南:从 HOOK 到 OCR,掌握视觉小说游戏翻译

LunaTranslator 完整指南:从 HOOK 到 OCR,掌握视觉小说游戏翻译 【免费下载链接】LunaTranslator 视觉小说翻译器 / Visual Novel Translator 项目地址: https://gitcode.com/GitHub_Trending/lu/LunaTranslator LunaTranslator 是一款免费开源、… · 2026/11/4 11:50:37

如何用自有ROM构建多语言Emerald 3DS:西班牙语、法语与意大利语版本构建教程
如何用自有ROM构建多语言Emerald 3DS:西班牙语、法语与意大利语版本构建教程

【免费下载链接】emerald-3ds Native Pokmon Emerald port for Nintendo 3DS, featuring dual-screen gameplay, stereoscopic 3D, and a fully 3D world. 项目地址: https://gitcode.com/gh_mirrors/em/emerald-3ds 点击查看 免费下载 Emerald 3DS 是《宝可梦 红宝… · 2026/11/4 11:50:37

蔡司三坐标测量仪是什么?一文读懂原理、型号、精度与行业应用
蔡司三坐标测量仪是什么?一文读懂原理、型号、精度与行业应用

蔡司三坐标测量仪是什么?简单说,三坐标测量机(CMM,Coordinate Measuring Machine)就是一台能在三维空间里 "量尺寸" 的设备:测头沿着 X、Y、Z 三个方向移动,逐点或连续扫过工件表面&a… · 2026/11/4 11:49:36

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 3:16:49

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 6:59:29

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 7:02:38

AI辅助技术栈评估:提升研发决策效率60%
AI辅助技术栈评估:提升研发决策效率60%

1. 项目背景与核心价值技术决策一直是研发团队面临的重大挑战。随着技术生态的快速演进,技术栈的选择、维护和迭代变得愈发复杂。我们团队在过去两年里,先后经历了三次重大技术栈迁移,每次都需要投入大量人力进行技术评估和风险分析。直到去年… · 2026/11/4 0:00:17

从生成Token到直接决策:Jev如何重塑AI Agent工程实践
从生成Token到直接决策:Jev如何重塑AI Agent工程实践

1. 从"生成文字"到"拍板决策":Jev 到底在解决什么问题大多数人第一次接触大模型,脑子里建立的模型是"输入问题、输出文字"。你问它今天天气怎么样,它给你一段描述;你让它写个周报,它给你… · 2026/11/4 0:00:17

32G统一内存跑大模型:内存账、TPS实测与端云分流
32G统一内存跑大模型:内存账、TPS实测与端云分流

想在一台 32G 统一内存的小主机上把大模型跑成"日常可用",这件事我前后折腾了小半年。标题里说的这台 Mac mini M6,是我们这次讨论的目标平台,具体到手规格以实物为准;但下面这套推算方法和实测思路,对任何统… · 2026/11/4 0:00:17

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 3:16:49

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 6:59:29

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/4 7:02:38

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码