Folia 音乐播放器：把歌词做成全屏动画的 14 种方式

发布时间：2026/11/6 5:11:40

Folia 音乐播放器：把歌词做成全屏动画的 14 种方式

【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器 A multi-platform music player for local files, Navidrome, and online streaming services, featuring stunning animated lyrics.项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major

Folia 是一款 Folia 音乐播放器，把每一句歌词铺成全屏歌词动画：本地曲库、网易云 / QQ 音乐 / 酷狗在线平台、Navidrome 自建服务器三类来源都能接。读完这篇，你会知道它的主界面怎么逛、播放面板管什么、新手设置只动哪几项、招牌歌词动画长什么样。

三种音乐来源接入：本地导入、平台扫码与 Navidrome

把 Folia 想成你手机里的存储：既能放自己的文件，也能挂云账号。三类来源接好后，主界面长得一模一样，切换零成本。

本地曲库：首页本地区域点“导入文件夹”，Folia 递归扫描整个目录，从文件里读出标题、艺术家、ReplayGain、内嵌歌词和封面；MP3、FLAC、M4A、WAV、OGG 都支持，同目录放一个同名.lrc文件会自动挂上。完整扫描与重扫规则见 docs/local-library-management.md。

在线平台：点首页的网易云 / QQ 音乐 / 酷狗卡片进搜索页，在面板里扫码登录，就能搜歌播放。

Navidrome：在设置里填好服务器地址与账号，之后就能像在线平台一样浏览、搜索、播放你自建的曲库。

💡 提示：Web 版导入文件夹依赖浏览器的 File System Access API，页面提示不支持时换桌面版即可。

歌词动画模式切换：招牌的全屏歌词效果

为什么说是招牌？别的播放器把歌词塞在角落，Folia 把整块屏幕交给它。14 种内建模式统一注册在 src/components/visualizer/registry.tsx，默认是classic；切换模式就像给同一首歌换镜头语言——同一句词，拍法完全不同。

浮名（Fume）：油墨层次把歌词铺满整块深色画面，背景压着整段词的淡影，镜头追着正在唱的那一行缓缓漂移，金色高亮标出重音字。像深夜片场的标题字幕，字与字之间有呼吸感。

群唱（Cappella）：一群角色用对话气泡轮流开唱，每条歌词各带时间戳，头像在屏幕边缘依次亮起。歌词变成了一场群聊，谁在唱谁发言，热闹但不吵。

每种模式都带独立参数面板：相机速度、辉光、字号都能单独调。挑一种顺眼的，再把镜头节奏拧到你喜欢的松紧度，这首歌的“片头”就是你的了。

主界面卡片网格导航与播放统一面板

主界面是一张悬浮的 3D 卡片网格：歌单、专辑、文件夹、歌手各是一张卡片，点进去就是下一层，逐级可返回，整个外壳由 src/components/app/Home.tsx 与AppShell.tsx组装。顶部一排是维度切换（Playlists / Radio / Albums / Folder），右上角是搜索框；标题栏能拖窗，播放时自动淡出，画面更沉浸。

右下角的统一面板 src/components/UnifiedPanel.tsx 像手机底部的 Dock：高频操作抬手就够到，不用离开当前页。页签都是 src/components/panelTab/ 下的独立组件，常用的有：

封面：点封面直接跳专辑或歌手详情；
控制：音量、进度、列表 / 单曲循环、收藏，ReplayGain 也在这里调；
队列：拖拽排序、移除歌曲；
账号：扫码登录与切换网易云 / QQ / 酷狗；
本地：本地 / 内嵌 / 在线三种歌词来源切换；
在线歌词：手动换歌词提供方、调时间轴偏移。

💡 提示：页签支持键盘快捷键直接切换，切歌间隙不用挪鼠标。

新手设置只改这几项就够用

点左上角齿轮打开设置，内部按子视图分组、各自独立（src/components/modal/settings/）。像游戏新手引导，不必全摸一遍，只动这三项：

通用：语言和界面明暗，改完就走；
外观：主题模式、自定义主题、主题乐园，观感一项就到位；
播放：预加载、ReplayGain、音频输出设备，音质党优先。

桌面端、集成（Navidrome / OBS / 歌词 API）、存储同步、实验特性这些子视图，按需再探索即可。

主界面找歌、面板管播放、设置调外观、全屏放动画——记住这一句就够 🎧

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考