Folia 快速上手:第一次打开就会用的沉浸式歌词播放器
Folia 快速上手第一次打开就会用的沉浸式歌词播放器【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-majorFolia 是一个以全屏歌词动画见长的音乐播放器本地文件、Navidrome 自建库、网易云、QQ 音乐、酷狗都能放。第一次打开它你可能会有点懵——没有歌单列表屏幕上只悬浮着一堆 3D 卡片。别慌这篇文章按你刚打开应用的时间顺序带你用三分钟完成放歌、调动画、登录平台这几件最核心的事。从卡片里点开你的第一首歌应用启动后的默认画面就是主界面每个音乐入口都被做成一张悬浮卡片点哪张进哪个库。在线平台入口网易云、QQ 音乐、酷狗点进去就是搜索与浏览本地音乐库入口要在导入音频文件夹后才会出现专辑、歌手卡片自建了 Navidrome 的话它也有入口体验上和在线平台一样。点卡片进入、子页面返回就能逐级退回上一层整个页面的进入与返回历史由 src/hooks/useAppNavigation.ts 管着界面本身由 src/components/app/Home.tsx 和 src/components/app/AppShell.tsx 组装。屏幕顶部那条标题栏平时可以拖动来移动窗口双击能最大化一旦开始播放它会自己隐去把整块画面让给歌词。想回到桌面操作习惯时直接点标题栏空白处就行。歌开了之后音量、切歌、队列都去右下角歌一旦开始播右下角会浮出统一面板UnifiedPanel本体在 src/components/UnifiedPanel.tsx点一下展开顶部一排页签就是全部高频操作。固定页签四个「封面」放当前歌曲信息、主题快捷编辑和 AI 主题生成「控制」管音量、进度、随机/循环、ReplayGain 和歌词动画模式「队列」支持拖拽排序、移除和批量操作「账号」用来扫码登录各平台、调音频质量、清缓存。这页组件都在 src/components/panelTab/ 下比如ControlsTab.tsx、QueueTab.tsx、AccountTab.tsx。固定页签之间还会插一个随播放来源变化的页签播本地歌曲时是「本地库」播 Navidrome 时是「Navidrome」播在线歌曲时是「在线歌词」后者可以手动切换歌词来源或导入。顺带说下「本地库」页签本地歌曲导入后它会支持自动匹配在线歌词与封面扫描、重扫、实体编辑的细节可以翻 docs/local-library-management.md。十四种歌词动画不退出播放就能换 Folia 出圈的部分来了歌词不是静止的一行字而是在全屏里动起来的。内建模式共十四种全部在 src/components/visualizer/registry.tsx 统一注册每种都带独立可调的参数面板。随手挑两种感受下风格差距「浮名」是字句如烟散开的克制风格「群唱」则把歌词排成对话气泡像多人合唱。切换入口在面板「控制」页签的动画模式选择项设置里也有点选即即时预览不用退出播放在预览窗里试听同一首歌在不同动画下的效果再决定留哪个。外观、语言、快捷键⚙️ 齿轮里找四组开关面板上的 ⚙️ 齿轮图标打开设置左侧按四个分组导航右侧显示具体条目。外观组管主题模式、自定义主题、主题乐园以及语言、明暗、启动行为控制组管播放预加载、ReplayGain、音频输出和交互快捷键、手势连接组管 Navidrome、Stage、OBS 源、歌词 API 等集成以及缓存清理、多设备同步系统组则是桌面端窗口圆角、透明度、点击穿透、防息屏外加图形、模组、实验室、开发者。分组逻辑定义在 src/components/modal/settings/ 目录里每个子视图是独立文件例如AppearanceSettingsSubview.tsx、PlaybackSettingsSubview.tsx。第一轮只建议动「通用 外观」选一个顺眼的主题、确认语言剩下的用到哪块再进哪块。一页看懂去哪找去哪找能做什么适合什么时候点主界面卡片网格找歌、进专辑 / 歌手 / 在线平台每次开始听歌面板「封面」「控制」「队列」页签切歌、排序、调音量、换动画播放过程中面板「账号」页签扫码登录在线平台、调音质首次听在线歌曲前设置 → 外观 / 控制主题、语言、快捷键一次性个性化再往深处逛还有两处值得了解模组系统Mods能给面板加自定义页签甚至投稿新的视觉化模式OBS 浏览器源则可以把正在听的歌连同歌词动画直接推进直播画面。【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关新闻

纯静态HTML表单验证实战:个人信息提交前校验

纯静态HTML表单验证实战:个人信息提交前校验

1. 从零手搓一个个人信息提交前验证的静态网页表单验证这件事,说大不大,说小不小。我见过太多项目,前端表单只做了个“非空判断”就敢上线,结果用户提交上来的手机号是“12345678901”,邮箱是“abcabc”,身…

2026/10/18 2:55:05 阅读更多 →
用Python从零搭建有限元分析系统:核心流程与工程实践

用Python从零搭建有限元分析系统:核心流程与工程实践

我自己写过不止一套有限元分析程序。最早一次是在处理某支架的强度校核,商业软件模型传到同事手里,改一版边界条件结果就变一个样,最后谁也说不清那个约束到底是固接还是铰接。从那以后,我决定自己做一套能看清每一步的Python有限…

2026/10/18 2:54:04 阅读更多 →
影票API对接选型指南:5折低价渠道的真相与避坑实操

影票API对接选型指南:5折低价渠道的真相与避坑实操

做影票API对接这件事,圈子里一直有个说法:真正靠谱的供应商,不是报价最低的那家,而是能活着陪你跑完一整年业务的那家。今天这篇就把影票接口选型这件事拆开聊透,重点解决一个核心疑问——那些喊出“5折”口号的API渠道…

2026/10/18 2:54:04 阅读更多 →

最新新闻

微信小程序源码实战:从目录结构到真机调试的改造指南

微信小程序源码实战:从目录结构到真机调试的改造指南

简介:源码复用是提升开发效率的常见手段,但直接套用第三方微信小程序源码往往卡在目录解读、证书校验与接口适配等环节。理解 app.json 的注册机制与页面生命周期原理,是快速定位改动边界的基础;而通过请求层封装、登录态管理及组…

2026/10/18 4:34:32 阅读更多 →
AI生成内容安全审核:识别与规避合规风险的机制探析

AI生成内容安全审核:识别与规避合规风险的机制探析

简介:cgminer 3.1.1 Windows 移植版是一款面向数字货币挖矿场景的多线程、多矿池挖矿工具,适用于比特币及衍生币,支持 GPU、FPGA、ASIC 设备,并提供 ATI 显卡监控、超频与风扇转速调节能力,适合个人矿工和矿场管理人员…

2026/10/18 4:34:32 阅读更多 →
用好 Open SQL 的 FETCH:用数据库游标把海量结果集按包读出来,TaoToken 统一 Key 通道

用好 Open SQL 的 FETCH:用数据库游标把海量结果集按包读出来,TaoToken 统一 Key 通道

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/18 4:34:32 阅读更多 →
从补习班到名校:韩国精英教育如何“制造”阶层?

从补习班到名校:韩国精英教育如何“制造”阶层?

1. 这个标题到底在说什么:从“译文”二字看韩国精英教育朋友把“Elite South Korean of an Elite Education”发给我的时候,她自己都笑了——这英文本身读着有点别扭,更像是先用中文想好了“精英教育下的韩国精英”再翻译回去的。但正是这种“…

2026/10/18 4:34:32 阅读更多 →
文生图实战:如何用AI稳定生成“半草绘”风格?LoRA与提示词调优全攻略

文生图实战:如何用AI稳定生成“半草绘”风格?LoRA与提示词调优全攻略

“半草绘”这三个字,我第一次看到的时候愣了一下。它是“半成品草图”还是“半手绘半数码”?后来看多了这类作品才明白,真正吸引人的是那种“未完成感”:画面里保留着松散的草稿线条、大块留白、几笔看似随意但精准的笔触&#xf…

2026/10/18 4:34:32 阅读更多 →
告别AI敷衍回复:用免费的提示词优化器Prompt Optimizer 3分钟跑通第一次优化

告别AI敷衍回复:用免费的提示词优化器Prompt Optimizer 3分钟跑通第一次优化

告别AI敷衍回复:用免费的提示词优化器Prompt Optimizer 3分钟跑通第一次优化 【免费下载链接】prompt-optimizer An AI prompt optimizer for writing better prompts and getting better AI results. 项目地址: https://gitcode.com/GitHub_Trending/pro/prompt-…

2026/10/18 4:33:31 阅读更多 →

日新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型(GMM)的语音识别系统,很多人第一反应就是一堆数学公式,觉得门槛很高。但如果你真的在MATLAB里把它落地跑通,会发现核心其实就是三件事:把声音变成特征向量,用GMM给每个类别…

2026/10/18 0:00:55 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人,但落到具体操作上,无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程:对图像做反白、改调色板、彩色转灰度,最后把像素数据导出成txt文件。单看每一…

2026/10/18 0:00:55 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词,你会发现一个很有意思的现象:每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型,有人指的是运动控制系统,还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/18 0:00:55 阅读更多 →

周新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型(GMM)的语音识别系统,很多人第一反应就是一堆数学公式,觉得门槛很高。但如果你真的在MATLAB里把它落地跑通,会发现核心其实就是三件事:把声音变成特征向量,用GMM给每个类别…

2026/10/18 0:00:55 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人,但落到具体操作上,无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程:对图像做反白、改调色板、彩色转灰度,最后把像素数据导出成txt文件。单看每一…

2026/10/18 0:00:55 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词,你会发现一个很有意思的现象:每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型,有人指的是运动控制系统,还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/18 0:00:55 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/18 0:55:02 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/17 17:22:31 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 14:23:36 阅读更多 →