Lofi Radio Web 是一款极简的网页版背景音播放器。它将 Lofi 音乐、白噪音及轻音乐聚合在同一个页面中,旨在为工作、编程或阅读提供一个无需安装客户端、无需注册账号的纯净听觉环境。
在需要专注时,主流平台往往成为干扰项:YouTube 的推荐算法容易让人分心,B 站的弹幕信息量过载,而重量级的音乐软件又显得过于繁琐。Lofi Radio Web 则扮演了一个简单的“背景音开关”,用户只需打开网页即可进入专注状态,用完即关,没有任何冗余干扰。
该项目基于 Next.js 开发,采用类似 macOS 灵动岛的悬浮 UI 设计。它不仅聚合了 10 多个精选 Lofi 与白噪音源,还内置了番茄钟(专注计时)和睡眠定时功能,并支持 PWA。无论是作为极简桌面工具使用,还是作为 Web 音频播放器的开发参考,都具有很高的实用价值。
克制的设计:让专注回归本质
Lofi Radio Web 的核心竞争力不在于资源的丰富度,而在于其对功能的“极度克制”。它舍弃了复杂的社交、评论和个性化推荐,仅保留最核心的操作逻辑:
- 基础控制: 仅提供播放 / 暂停、电台切换及明暗主题切换。
- 效率增强: 集成了 专注计时器 与睡眠定时,将音乐播放器转化为简单的生产力工具。
- 轻量部署: 支持 PWA 特性,用户可通过 Chrome 或 Edge 将其“安装”为独立窗口,像使用原生小软件一样将其作为桌面的“电子盆栽”。
部署与技术实现:从书签到自托管
对于普通用户,直接将在线演示页存为书签即可使用。由于项目聚合了 Bilibili、SomaFM、Lofi Cafe 等流媒体源,国内用户的访问门槛较低。
对于开发者,该项目采用 MIT 协议开源,源码结构清晰,底层利用 HLS.js 和 flv.js 实现流媒体播放,提供了两种部署路径:
- 快速部署: Fork 源码库后,通过 Vercel 或 Netlify 一键导入,系统会自动识别 Next.js 框架完成构建。
- 私有部署: 项目内置 Dockerfile,方便有 VPS 环境的用户进行自建。
注意事项
1. 稳定性依赖: 播放器依赖第三方公开流媒体源。若出现加载缓慢或无法播放,通常是源端波动,建议尝试切换其他频道。
2. 版权声明: 本工具为在线聚合播放器,非免版权音乐库。所含音乐仅供背景试听,不可随意录制用于商业视频配乐。
总的来说,Lofi Radio Web 并非要取代主流音乐软件,而是为了替代那些在压力工作中干扰我们的碎片化信息。如果你追求极致的轻量化,这是一个非常值得尝试的选择。
项目主页与源码入口
免责声明:本文基于项目公开资料与源码整理,旨在分享开源前端技术与轻量效率工具。播放器内的流媒体源版权归原提供方所有,本站不提供任何音视频实体的下载或商用分发。自托管部署请遵循 MIT 开源协议。


