资讯动态

Folia 音乐播放器:从 0 到日常使用的本地曲库、在线音乐与全屏歌词动画

发布时间:2026/10/19 12:02:57 来源:尧图企业网站定制
Folia 音乐播放器从 0 到日常使用的本地曲库、在线音乐与全屏歌词动画【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major你有没有过这种时刻耳机里循环的某首歌想看着逐句滚动的歌词安静听完手边却没有一个顺眼的界面Folia 就是为这件事而生的音乐播放器本地音乐、Navidrome 自建服务、网易云、QQ 音乐、酷狗都能接进来播招牌能力是把歌词做成全屏动画。按下面的顺序走一遍把歌接进来、把播放调顺、把歌词动画开起来你就能独立完成这套日常流程。三步把第一首歌放进全屏这一节结束时你已经从搜索到播放再到全屏歌词完整跑通了 Folia 的一次使用闭环。启动程序。桌面端从 Releases 下载对应平台的安装包即可没有桌面端条件时也可以部署 Web 版在浏览器里用。装完打开首页是一片悬浮的卡片网格。从卡片进歌源。网格上每张卡片是一个音乐源入口在线平台卡片通向各自的搜索页本地库卡片会展示已导入的专辑与歌手。点进任意卡片下钻一级返回就退回一级整条历史栈由 src/hooks/useAppNavigation.ts 维护首页布局由 src/components/app/Home.tsx 组装。点开播放进入全屏。搜索结果里点开任意一首带歌词的歌等歌词出现后进入全屏——Folia 的招牌从这里开始文字跟着节奏动。★ 划重点卡片不用背点几轮就有手感把它当成一张音乐源地图就行。接入自己的歌先本地文件夹再 Navidrome这一节结束时你自己的曲库和如果有自建服务都已经能直接在 Folia 里点着播了。本地音乐走面板右下角的「本地」页签src/components/panelTab/LocalTab.tsx选「导入文件夹」挑一个音乐目录等待扫描完成歌曲就会以卡片形式排出来。MP3、FLAC、M4A、WAV、OGG 这些常见格式都支持与音频同目录、同名的.lrc等歌词文件会被自动认领文件夹封面用cover.jpg这类文件即可。导入、增量重扫、实体编辑的完整规则写在 docs/local-library-management.md。Navidrome是自建流媒体服务器适合把 NAS 上的曲库共享给所有设备。在「集成」设置里填上服务地址首页就会出现对应的卡片浏览和播放体验与在线平台一致页签组件在 src/components/panelTab/NaviTab.tsx。⚠ 先知道登录至少一个在线平台账号面板「账号」页签扫码很值得做——本地歌曲的在线歌词与封面匹配就是靠它回退补全的。日常操作入口速查与只动三组设置这一节结束时你对常用入口形成肌肉记忆并且只改动了新手真正需要的设置。右下角的统一面板src/components/UnifiedPanel.tsx是每天点得最勤的地方常见场景的入口如下你想做的事入口调音量、切歌、随机、列表循环播放控制页签拖拽队列顺序、批量移除播放列表页签扫码登录在线平台账号页签导入文件夹、管理本地曲库本地页签补本地歌的在线歌词、手动切来源在线歌词页签切歌词动画模式、调参数封面页签设置弹窗src/components/modal/SettingsModal.tsx里分组不少新手只需要动三组通用定语言、明暗风格和开机行为先看它外观管主题与主题乐园改完观感立刻变播放里有预加载、音频输出和 ReplayGain——响度补偿让大小声的歌听起来一样响戴耳机听歌建议打开。 小贴士桌面端壁纸模式、防息屏、集成Navidrome、OBS 源、存储缓存、Sync Server 多设备同步、实验等分组等真的要用时再翻顺序不冲突。把招牌玩起来全屏歌词动画的内置模式这一节结束时你能说出几种歌词动画各自的氛围并按自己的口味切好模式。Folia 内置 14 种歌词动画模式统一注册在 src/components/visualizer/registry.tsx每种都带一组独立可调的参数。挑几种感受一下画面浮名让一行字缓缓上浮、像水汽散掉流光让字符拖着光轨滑过画面群唱把歌词排成多声部对话字之间你来我往时计的齿轮咬合着节拍走。 小贴士切模式前先放一首你熟到闭眼会唱的带歌词的歌第一印象会好上十倍。结语走完这几节Folia 对你来说已经从要研究变成每天用想听哪首卡片点一下队列不顺眼面板拖一下想让字动起来全屏里切模式。AI 主题生成、模组系统、多设备同步这些进阶能力留给日常使用里去慢慢解锁。【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑