Folia 音乐播放器新手界面速览:5 个入口看懂选歌、播放与全屏歌词动画
【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major
Folia 音乐播放器最核心的卖点是全屏歌词动画——它能把一段歌词做成"文字 PV",同时支持网易云、QQ 音乐、酷狗在线播放、本地音乐库导入与 Navidrome。装完第一次打开,屏幕上一堆悬浮卡片,很多人会愣一下:到底先点哪儿?别慌,跟着"先找歌 → 再控播放 → 最后调界面"这条线走一遍就行。
主界面 3D 网格:看到什么,点哪里
启动后你面对的不是传统列表,而是一张悬浮的3D 卡片网格。每张卡片都是入口:网易云、QQ 音乐、酷狗各占一格,点进去就是搜索页;导入本地音频文件夹后,专辑和歌手也会变成卡片排在这里;如果你自建了 Navidrome 服务端,它同样以卡片形式出现,浏览方式和在线平台完全一致。
卡片支持点进去、再逐级返回,来回导航的历史由 src/hooks/useAppNavigation.ts 维护;整个主界面外壳则是由 src/components/app/Home.tsx 与 src/components/app/AppShell.tsx 组装起来的。
两个顺手的细节:窗口顶部标题栏可以拖拽移动,双击能最大化;播放开始后标题栏会自动收起来,把整块画面让给内容。Navidrome 用户的首页长这样,卡片风格完全一致:
播放面板:你想做什么,就找哪一块
选到歌之后,右下角的**统一面板(UnifiedPanel)**就是你最高频的操作区。它内部有多个页签,但新手不用背页签顺序,按需求对号入座更省事。
想切歌、调音量、换随机或列表循环?看播放控制那一块,进度条、模式切换全都在手边。想整理队列?播放列表页签支持拖拽排序,也能批量移除,长队列不怕乱。还没登录账号?账号页签里扫码登录网易云、QQ、酷狗,一次登录长期有效。
手里有一堆本地音乐?本地库页签负责导入:指个文件夹,它帮你扫描出歌曲,还能自动匹配在线歌词和封面;导入后想重扫、改实体信息,docs/local-library-management.md 里有完整说明。在线歌词没显示或想换个提供方?在线歌词源页签可以手动切换。这几个页签的具体组件放在 src/components/panelTab/ 目录下,比如 ControlsTab.tsx、QueueTab.tsx、AccountTab.tsx,好奇的话可以翻翻。
设置首用:新手最该动的就这几项
点面板里的 ⚙️ 打开设置弹窗(src/components/modal/SettingsModal.tsx),里面按子视图分了通用、外观、播放、桌面端、集成、存储、实验等好几组——先别被目录吓到,新手真正需要动的没几项。
语言与主题放最优先:通用里选语言、明暗风格,外观里挑主题模式,还能进主题乐园(Theme Park)换自定义主题。桌面端那组里,窗口透明度、点击穿透和防息屏最实用——挂歌词做桌面背景时,透明度加防息屏基本是标配。播放组里建议顺手设一下音频输出设备和回放增益(ReplayGain),响度听感会均衡很多。其余像多设备同步、OBS 源、歌词 API 这些集成项,等你需要时再回 src/components/modal/settings/ 对应的子视图里找。
全屏歌词动画:Folia 出圈的主角
界面都认识了,接下来是 Folia 真正让人留下来的部分。播放界面切到全屏歌词模式,就能看各种风格的全屏动画:浮名(Fume)让文字像烟气一样漫开,流光(Lumi)跟着节奏走光带,群唱(Cappella)把多行歌词排成合唱团阵型,另外还有摇曳(Tilt)、立体景深(Diorama)等十几种可选。
风格只是第一步,每种动画的参数都能单独微调:密度、速度、发光强度之类,慢慢调到你顺眼为止。这些模式统一注册在 src/components/visualizer/registry.tsx,设置面板会跟着当前模式动态显示可调项,不用自己猜哪个参数归谁管 🎧
常见坑:两个新手最容易问的问题
在线歌词迟迟不出现怎么办?九成情况是歌词源没对上,去在线歌词源页签切换一下提供方,或先扫码登录对应平台。本地库刚拷进去的新文件没出现?触发一次重扫,或确认自动扫描开着——文件变动后目录不会实时刷新。
设置不用一次全懂,先用起来,改坏了一眼就能改回来。祝你早日把喜欢的歌调成满屏的动画 🎶
【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考