「Lofi Radio Web」开源专注电台：21 个 Lofi/环境音流、灵动岛播放器和睡眠定时

Lofi Radio Web 是一个开源网页版专注电台，把 Lofi、Chill、Jazz、Ambient、古典和自然声这些低干扰背景音放进一个打开即用的网页里。它来自 labilio/lofi-radio 的网页版实现，但界面做得更像一个可以常驻桌面的轻量播放器。

项目最有辨识度的是 macOS 灵动岛风格的播放器：中间是正在播放的电台，周围配合黑胶动画、玻璃拟态、暗色/亮色主题和响应式布局。对写作、学习、编程或睡前放松来说，它不像传统音乐网站那样需要不断挑歌，而是更接近“一键进入状态”的环境音工具。

把背景音乐做成轻量专注组件

README 里列出 21 个精选电台，覆盖 Lofi Hip Hop、Chill、Jazz、Synthwave、Piano、Ambient、Nature Sounds、Classical 等类型。它还接入 Bilibili 直播源，例如 Lofi Girl 相关直播，并通过 HLS.js、flv.js 和全局流媒体来源做播放兜底。

除了播放本身，Lofi Radio Web 也补了不少日常使用细节：支持 PWA 安装、媒体快捷键、专注计时、睡眠定时、主题切换和移动端适配。对不想在工作时打开完整音乐客户端的人来说，这类“只负责背景声”的工具反而更省心。

截至 2026 年 6 月 5 日，GitHub API 显示项目有 67 stars，使用 MIT 协议，主要语言标记为 TypeScript，最近 push 在 2026 年 5 月 29 日。仓库技术侧使用 Next.js 16、React 19、TypeScript、Tailwind CSS v4、Framer Motion、Zustand、HLS.js、flv.js 和 Lucide。

部署时需要注意一点：它不是简单丢到静态托管就完事的纯静态网页。README 明确写到 Bilibili 流接口依赖 Node.js 运行时和服务端出网能力，推荐 Vercel、标准 Node.js 服务或 Docker，Node.js 版本要求不低于 20.9。