☰
Folia 全屏歌词播放器:5 分钟装好,歌词铺满整块屏幕
2026/10/24 3:57:08 网站建设 项目流程

Folia 全屏歌词播放器:5 分钟装好,歌词铺满整块屏幕

【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major

Folia 是一款把歌词变成全屏动画的播放器。它支持网易云、酷狗、QQ 音乐、Navidrome 和本地文件夹,内置多种歌词动画主题,还能按歌曲生成背景与配色。这篇文章带你完成 Folia 全屏歌词播放器安装、播起第一首歌,并挑出几个最值得试的玩法。读完你应当能:装好任一形态、看到第一首全屏歌词、接上自己的曲库。

怎么选形态:桌面、网页、自托管 🖥️

形态适合谁要求
桌面版绝大多数人,含 Navidrome 与本地曲库用户装完即用,QQ 音乐等服务已内置
网页版想在手机、浏览器里用需自行部署后端 API(Vercel、Cloudflare 或 Docker)
自托管多台设备共用,放 NAS / 服务器Docker Engine 24+ 与 Docker Compose v2;跑源码需 Node.js 24+

第一次上手直接选桌面版。

如何从装好到第一首全屏歌词 🎵

  1. 按系统下载:Windows 去 Releases 装安装包;macOS 选 Apple Silicon 版拖入应用程序;Linux 用.deb/.rpm,Arch 装 AUR 的folia-major-bin,其他发行版解压tar.gz运行folia-major。
  2. 启动后等首页加载完成,你应看到搜索框、电台、专辑和本地音乐区域。

  1. 在顶部搜索框输入歌名或歌手,候选列表实时刷新(支持拼音联想),点结果即刻起播。
  2. 按下H,控件全部收起,屏幕只剩歌词,文字随节拍逐字点亮。

  1. 按Ctrl+K打开命令面板,输入"歌词动画"直达主题设置,为下一节做准备。

让歌词动起来:三个值得试的歌词动画主题

先说画面,再说入口:设置 → 外观里有"歌词动画"组,点开是主题预览架,也可在命令面板输入"歌词动画"直达;选中某个主题后参数面板展开,动画节奏、字幕显示、背景风格都能细调,换歌、改窗口大小时布局自动重排。

群唱:把歌词排成聊天对话

选中群唱后,每句歌词变成一个对话气泡,整首歌读起来像一场群聊,对话感强的歌尤其合适。

浮名:文字逐字浮现

歌词像浮在水面的名字一样逐字展开、渐次点亮,安静耐看,适合第一次体验。

时计:跟着时间轴走动

文字沿时计式布局流动,节奏清晰,长歌也不乱。

怎么接上自己的曲库 📂

两种方式,任选其一:

  • 本地文件夹:首页"本地音乐"区域选"导入文件夹",Folia 递归扫描后在线补全缺失的歌词与封面;同目录同名的.lrc、.vtt、.ttml、.krc会被自动读取,匹配不准时可手动挑选候选或恢复导入时的本地信息。
  • Navidrome:在"设置 → 连接与集成"填入服务器地址,你的在线曲库直接出现在首页,即可像在线歌曲一样播放。

出问题先看这里

浏览器版搜不到歌或没声音?Web 版不含内置后端,需自行部署 API 服务;想省事直接改用桌面版,部署方法见 docs/technical.md。

Vercel 等云部署上 QQ 音乐放不了?该形态必须先微信扫码登录,且VITE_QQ_API_BASE要填/api/qq、再配服务端密钥QQ_SESSION_SECRET;逐步排错见 docs/qq-music-deployment.md。

Linux 下窗口黑屏或起不来?多是显卡驱动与合成器冲突,加环境变量FOLIA_LINUX_GRAPHICS_MODE=swiftshader再启动;仍不稳定就换software软件渲染。

下一步做什么

  • 把当前主题换成群唱,听同一首对话感强的歌。
  • 导入一个存歌的文件夹,或填上 Navidrome 地址,用 Folia 播放自己的曲库。
  • 进阶两件事:把 Folia 放到 NAS 给多台设备用,看 deploy/docker/README.md;想改动画源码,歌词主题与背景流水线都在 src/components/visualizer/,本地曲库的进阶用法见 docs/local-library-management.md。从源码运行:
git clone https://gitcode.com/GitHub_Trending/fo/folia-major cd folia-major npm install npm run dev

【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询