![]()
![]()
![]()
![]()
平時聽歌總嫌自帶播放器歌詞幹巴巴?黑白文字一行行滾動,毫無氛圍感,刷到好看的歌卻沒有匹配的動態效果,想截一張氛圍感歌詞圖都難。試過不少第三方客戶端,要麼界面臃腫卡頓,要麼歌詞渲染生硬,要麼不支持本地無損曲庫,自建 Navidrome 音樂庫還找不到適配前端,折騰半天體驗依舊拉胯。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
軟件格律詩 給大家分享這款專門做絢麗歌詞動畫的開源播放器 Folia 不管是在線網易雲曲庫,還是電腦、NAS 裏存的本地無損音樂,甚至自建 Navidrome 私人音樂服務器,都能完美對接,歌詞動畫細膩到超出預期,整套界面乾淨清爽,沒有多餘廣告和繁雜功能,只專注聽歌與可視化歌詞,對顏值黨、本地音樂收藏者、自建音樂庫玩家太友好。
![]()
![]()
![]()
![]()
![]()
![]()
市面上播放器普遍痛點,Folia 能爲你解決什麼
1. 絕大多數客戶端歌詞僅簡單滾動,無動態渲染、漸變、光影動畫,氛圍感缺失;
2. 在線播放器無法讀取本地 FLAC、WAV 無損音樂,本地播放器不支持網易雲曲庫;
3. 自建 Navidrome 私人音樂服務器缺少高顏值前端,原生界面簡陋,歌詞展示簡陋;
4. 想要 AI 生成歌曲主題背景、氛圍感畫面,需要額外搭配工具,操作繁瑣;
5. 部署流程複雜,環境變量配置雜亂,新手本地開發、雲端部署容易報錯;
6. 界面堆砌大量功能按鈕,雜亂擁擠,想沉浸式看歌詞動畫時干擾太多。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
Folia 從底層針對這些問題優化,核心定位很清晰:以絢麗歌詞動畫爲核心的全兼容開源 Web 音樂播放器,兼顧在線曲庫、本地音樂、自建 Navidrome 服務,輕量化無冗餘,動畫渲染流暢不佔用大量內存,不管瀏覽器打開還是本地部署都穩定。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
主要功能特點
行業頂尖級絢麗動態歌詞動畫,專屬可視化渲染引擎
這是 Folia 最核心的賣點,也是區別所有同類播放器的關鍵。項目內置獨立歌詞加載邏輯,異步解析歌曲副歌、逐句時間軸,自動匹配漸變、上浮、輝光、淡入淡出多層動畫效果,不會出現歌詞跳幀、不同步問題。
![]()
普通播放器只是文字上下滾動,Folia 會根據歌曲節奏調整文字流動速度,高潮段落文字放大提亮,舒緩段落柔和漸變虛化,雙語歌詞分層渲染,翻譯小字弱光襯托主歌詞,不用額外調整參數,打開歌曲自動適配動畫風格。
![]()
平時喜歡循環單曲、截取歌詞氛圍感截圖的朋友,不用再後期修圖,播放界面原生自帶柔和模糊背景、專輯封面虛化濾鏡,隨手截圖都能直接當壁紙。
![]()
三端曲庫兼容:網易雲 API、本地音樂、Navidrome 自建服務器
市面上播放器大多二選一,要麼只做在線,要麼只做本地,Folia 三者打通,一套前端搞定所有音樂資源。

網易雲曲庫對接:依賴 NeteaseCloudMusicEnhanced 後端 API,自行部署 API 服務填入地址即可,完整同步歌單、收藏、排行榜、歌手專輯,搜索速度穩定;
本地音樂視圖:內置 local-music 頁面,讀取本地音頻文件元數據,自動匹配本地 LRC 歌詞,支持 MP3、FLAC、WAV 全格式無損,無需上傳雲端,本地離線也能播放;
Navidrome 完美適配:兼容 Subsonic 標準接口,填入自建 Navidrome 服務地址,直接讀取 NAS、服務器存儲的私人無損曲庫,海量本地歌曲流暢加載,解決 Navidrome 原生界面簡陋、無精美歌詞動畫的短板。
![]()
Google Gemini AI 賦能,一鍵生成歌曲專屬視覺主題
自帶 AI 視覺生成模塊,填入自己的 Gemini API Key 就能啓用。根據歌曲曲風、歌詞內容、歌手風格自動生成匹配背景畫面、界面配色主題。
![]()
聽抒情慢歌自動生成低飽和溫柔濾鏡,電子、搖滾曲目切換高對比光影動態背景,不用手動調色,AI 自動適配整套界面色調,徹底告別千篇一律的黑白默認界面。不想啓用 AI 功能也可以不填寫密鑰,基礎播放、歌詞動畫不受任何影響,功能完全隔離,不強制依賴第三方接口。
![]()
支持歌詞緩存機制,同一首歌二次打開無需重新解析,動畫加載速度更快;頁面無冗餘彈窗、開屏廣告、付費彈窗,完全開源免費,MIT 開源協議,個人使用無任何限制,商用僅需申請對應授權。
![]()
極簡乾淨 UI,PWA 網頁應用,瀏覽器等同於客戶端
整體採用現代化極簡 Web 設計,無繁雜側邊欄、冗餘功能入口,核心區域留給歌詞動畫與專輯封面,操作邏輯簡單,新手打開就能上手。支持 PWA 特性,瀏覽器添加到桌面,打開和本地軟件一樣,不用每次輸入網址,手機、電腦瀏覽器都能流暢運行,跨設備同步播放進度。
![]()
標點、排版嚴格剋制,沒有堆砌宣傳文案,純白描式界面設計,不搶歌詞動畫的視覺重心,長時間聽歌、看動態歌詞不會視覺疲勞。
![]()
部署簡要步驟(精簡版,詳細看官方指南)
1. Window 桌面版,直接安裝即可;
2. 本地部署 拉取倉庫代碼 → npm install 安裝依賴 → cp .env.example .env.local → 填寫網易雲 API 地址、Gemini 密鑰(可選) → vercel dev 啓動本地服務,瀏覽器訪問對應端口即可使用。
3. Vercel 雲端部署 打開官網部署按鈕,關聯 GitHub 倉庫,後臺配置兩項環境變量,自動構建上線,外網隨時隨地訪問個人音樂播放器。
![]()
![]()
![]()
免責聲明
本項目在 AI 的廣泛協助下開發,因此仍可能存在細微或不易察覺的問題。若給你帶來不便,敬請理解。本項目主要用於展示播放動效、界面設計與相關工程實現。應用中涉及的在線音樂流媒體、歌詞、專輯封面及其他內容,其版權均歸對應權利人所有。
本倉庫及其源代碼僅供個人學習、技術交流與非營利測試使用。請勿將其用於商業盈利用途。若因對在線資源的傳播、加工或再分發而引發版權糾紛或其他責任,均由使用者自行承擔,項目開發者不承擔相關責任。請始終尊重數字版權,並在條件允許時通過官方平臺支持正版音樂。
![]()


![]()
如果你收藏大量本地無損音樂、自建 Navidrome 私人音樂服務器,或是經常使用網易雲聽歌,又看重動態歌詞、界面氛圍感,Folia 絕對是目前最優開源選擇。市面上很難找到一款同時兼容三類曲庫、把歌詞動畫作爲核心亮點的輕量化 Web 播放器,完全開源免費無廣告,部署簡單,二次修改自由度高,顏值與實用性同時拉滿。
![]()
不管是辦公間隙當背景音樂播放器,還是深夜沉浸式聽歌、截取氛圍感歌詞畫面,Folia 都能完美適配需求,不用再在多款軟件之間來回切換,一套前端搞定全部音樂資源。
![]()
![]()
汁源見評論 !!
搭配使用!風味絕佳!
真的享受!顛覆式體驗!Spotify、QQ音樂、網易雲、酷狗全支持!
截圖中使用的字體來自:
太好看了吧!16套免商用霞鶩字體下載:霞鶩文楷、霞鶩銘心宋...
同類音樂播放器:
最近爆火的:
近期熱門
我彙總了一篇從始至今發佈過的200+軟件及各類資源(每日更新)
溫故知新!近期發佈過的124個熱門資源肯定能幫到你(持續更新)
更多遊戲資訊請關註:電玩幫遊戲資訊專區
電玩幫圖文攻略 www.vgover.com
