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

Folia 手机 PWA 实操:部署、安装与曲库接入全流程

发布时间:2026/11/4 11:18:10 来源:云帆数科 栏目:资讯中心
Folia 手机 PWA 实操:部署、安装与曲库接入全流程
Folia 手机 PWA 实操部署、安装与曲库接入全流程【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major手机没有官方 App但 Web 版能直接装成 Folia PWA登录态留在手机浏览器里。这篇讲清怎么选部署路径、怎么装进主屏幕、歌从哪来。先判断自己属于哪类人再挑路手里没服务器的走免费托管家里有 NAS 的起 Docker想域名密钥全握在手的就克隆仓库自建。三条路最后都给你一个能访问的地址差别只在运维成本。没有服务器的人用 Vercel 一键托管仓库自带一键部署入口Vercel 或 Cloudflare几分钟拿到自带 HTTPS 的地址全程不碰服务器。若走平台内置的 QQ 音乐接口VITE_QQ_API_BASE填/api/qq即可配置细节在 docs/qq-music-deployment.md。有 NAS 的人Docker 方式部署 Folia把deploy/docker/compose.yaml与环境变量模板丢进一个空目录在.env里填SYNC_TOKEN用openssl rand -hex 32生成执行docker compose up -d启动默认访问http://NAS-IP:18080。要留意这是局域网 HTTP不属于浏览器安全上下文Service Worker浏览器里的离线缓存与后台更新机制装不牢PWA 安装和离线能力都会降级。想要完整体验用 NAS 反向代理加一张受信任证书把它升级成 HTTPS现成配置示例在 deploy/docker/README.md 的HTTPS 与浏览器安全上下文一节。想完全自控的人克隆仓库自建执行git clone https://gitcode.com/GitHub_Trending/fo/folia-major按 docs/technical.md 的环境变量说明部署到任意支持 Node.js 的平台域名与密钥全部自己掌控。 把 Folia 加到手机主屏幕安卓与 iPhone用浏览器打开 Folia 地址安卓用 ChromeiPhone 用 Safari。安卓点右上角菜单⋮选安装应用或添加到主屏幕iPhone 点底部分享按钮上滑找到添加到主屏幕。确认名称显示为 Folia点添加。装完主屏幕会多出一个 Folia 图标点开的窗口没有地址栏也没有标签页。原因是 manifest应用清单声明窗口外观与启动方式里写了standalone独立窗口模式index.html又内置了apple-mobile-web-app-capable等元标签所以 iPhone 和安卓看起来一致状态栏和应用融成一体。 手机接自己的歌Navidrome 方案如果你有自己的本地音乐先说清一个边界手机浏览器导入不了本地音频文件本地目录导入依赖 File System Access API浏览器直接读写本地磁盘的能力目前只有桌面端 Chromium 系浏览器支持HTTPS 也补不齐这块短板。所以别在手机上折腾导入自己的歌走 Navidrome一个自托管的音乐库服务在 NAS 上用 Docker 起 Navidrome 并挂载音乐目录再到 Folia 账户设置里填 Navidrome 地址与账号它就拉取曲库、封面与歌词歌词动画照常驱动。走 Docker 全栈的话在.env里再填NAVIDROME_URL、NAVIDROME_USERNAME、NAVIDROME_PASSWORD三项新浏览器自动登录、手机不用单独输账号改完执行docker compose up -d --force-recreate backend生效规则细节见 deploy/docker/README.md 的Navidrome 预置账号。装在手机上之后竖着拿手机时歌词会按窗口尺寸响应式重排布局自动重新排布动画效果不打折。群唱主题把歌词排成对话气泡深色背景下读起来像一段群聊。部署时配了 AI 密钥的话AI 会按歌曲情绪与歌词自动生成整组配色手机端同样可用。核心界面资源由 Service Worker 预缓存首次加载完成后启动就不依赖实时网络地铁里也能快速打开、看歌词动画音乐流本身必须联网拉取听歌要等网络恢复。出问题先看这里找不到安装应用 / 添加到主屏幕入口 → 多半是地址不是 HTTPS 或浏览器不对 → 换成 Chrome 或 Safari 重新加载安装提示有时只在首次访问出现。服务端已更新、手机还是旧版 → PWA 走autoUpdate策略缓存异常会卡在旧版 → 正常打开一次等它生效长时间不更新就清除该站点数据或删掉 PWA 重新添加。地铁弱网环境能不能用 → 核心界面已预缓存、音乐流必须联网 → 弱网下可快速打开、看歌词动画听歌需等网络恢复。把地址丢到主屏幕那个新图标就是你的歌词动画播放器。【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关推荐

LinkSwift 网盘直链下载助手:免装客户端,九大网盘直链一键获取
LinkSwift 网盘直链下载助手:免装客户端,九大网盘直链一键获取

LinkSwift 网盘直链下载助手:免装客户端,九大网盘直链一键获取 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 ,支持 百度网盘 / 阿里云盘 / … · 2026/11/4 11:18:10

探索Hermes Agent的强化学习能力:从环境设置到策略优化
探索Hermes Agent的强化学习能力:从环境设置到策略优化

探索Hermes Agent的强化学习能力:从环境设置到策略优化 Hermes Agent是一款强大的开源AI代理框架,其强化学习(RL)能力为开发者提供了构建智能决策系统的完整工具链。本文将带您全面了解如何利用Hermes Agent的强化学习功能&#x… · 2026/11/4 11:18:10

GitUp 搜索实战:大型仓库中快速锁定文件与提交改动
GitUp 搜索实战:大型仓库中快速锁定文件与提交改动

GitUp 搜索实战:大型仓库中快速锁定文件与提交改动 【免费下载链接】GitUp The Git interface youve been missing all your life has finally arrived. 项目地址: https://gitcode.com/gh_mirrors/gi/GitUp GitUp 是一款可视化的 Git 界面,核心能… · 2026/11/4 11:17:10

高效自习室选择与使用全攻略
高效自习室选择与使用全攻略

1. 自习室选择的核心考量因素 作为一名经历过高中三年自习室踩坑的老司机,我深刻理解选择一个优质自习室对学习效率的影响。好的自习室环境能提升30%以上的学习专注度,而糟糕的环境则可能让你白白浪费宝贵的时间。经过实地考察和长期体验,我总… · 2026/11/4 13:20:00

AAAI学术会议筹备与AI技术趋势解析
AAAI学术会议筹备与AI技术趋势解析

1. 学术会议的价值与筹备要点学术会议作为领域内最新研究成果的集中展示平台,其价值不仅在于成果发表,更在于构建学术共同体、促进思想碰撞。以AAAI(人工智能促进协会年会)为例,作为人工智能领域的顶级会议&#xff0c… · 2026/11/4 13:20:00

AI生成代码敢上生产吗?四道上线检查流程全拆解
AI生成代码敢上生产吗?四道上线检查流程全拆解

先说明一下背景:我刚把一个用 AI 辅助写的功能模块推到生产环境,前后花了差不多一个下午做上线前检查。身边很多人问我“AI 生成的代码敢直接上生产吗”,我的回答是:敢,但绝不敢直接上。AI 写代码的速度确实快&#xf… · 2026/11/4 13:20:00

NetWorker 18.2.0.1 备份服务器部署与客户端接入实战
NetWorker 18.2.0.1 备份服务器部署与客户端接入实战

简介:面向初次接触企业级备份还原的运维人员与初学者,这份 DELL EMC NetWorker 18.2.0.1 部署指南围绕 Windows 与 Linux 两类环境展开,重点说明备份服务器、Windows 客户端和 Linux 客户端的安装配置,并交代 DNS 解析、Hosts 文件… · 2026/11/4 13:20:00

室内毫米级定位技术RoomAPS解析与应用
室内毫米级定位技术RoomAPS解析与应用

1. 室内毫米级定位技术概述 在机器人导航领域,定位精度直接决定了系统的可靠性和应用范围。室外环境中,GPS系统能够提供米级定位服务,但当机器人进入室内环境后,GPS信号衰减严重,传统卫星定位技术完全失效。这就催生了… · 2026/11/4 13:19:59

工业锅炉燃烧计算:空燃比与当量比实战解析
工业锅炉燃烧计算:空燃比与当量比实战解析

1. 燃烧工程中的化学计量问题 燃烧作为能源转化与利用的核心过程,在工业锅炉、内燃机、燃气轮机等热能动力装置中扮演着关键角色。作为一名在能源行业工作多年的工程师,我经常需要处理各种燃烧系统的设计和优化问题。今天我想分享一个实际工程案例&#… · 2026/11/4 13:18:58

双极步进电机控制实战: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

了解更多?预约专属演示

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

企业微信二维码