04Lofi Radio Web专注场景的网页电台

打开网页就出声,不用注册,也不用下载

2026 · 独立设计与开发 · Next.js 16 · TypeScript · PWA · MIT

Lofi 低保真音乐常被用来做专注时的背景音。这个站把它做成打开即听:21 个精选电台,macOS 灵动岛式播放器可以拖到屏幕任意位置,五个单键快捷键,专注计时只在播放时累计,睡眠定时从 15 分钟到 8 小时。没有账号,没有推荐流。

92GitHub Star
23Fork
21精选电台
0注册步骤

背景

专注时的背景音需求很稳定,但主流音乐应用都要登录、有推荐流、有社交入口,注意力反而被抢走。目标是一个打开就出声、之后不再打扰你的电台页。

卡在哪

音源全部是外部的 —— B 站的 Lofi Girl 直播流,加上 Lofi Cafe、SomaFM、Code Radio、Swiss Classic 这些公开电台,可用性并不一致,直播流还会换协议。播放器又必须小到不占视线,同时得能被随手挪走、能纯键盘操作、桌面和手机都成立。

怎么解

B 站直播源准备 HLS 与 FLV 两套候选并做故障回退,切台一键换源。播放器取 macOS 灵动岛的形态,可自由拖到屏幕任意位置;黑胶唱片的旋转动画兼作「正在播」的状态指示,不用额外文字。Space / ← / → / M / T 五个单键覆盖播放、切台、静音与主题,暗亮主题跟随系统。专注计时只在播放时累计、数据只存本地、每天自动重置 —— 它是个习惯工具,不该变成又一处要登录的地方。

关键取舍

写清楚放弃了什么,比罗列做了什么更说明判断。

放弃了账号与收藏

一旦有收藏就要有账号,接着是历史、同步、推荐,一路滑回主流音乐应用。宁可少一个功能,也不引入第一个需要登录的理由。

放弃了自定义音源

让用户填 URL 会把「打开即听」变成「先配置」。21 路是挑过的,可用性由我负责,挂了由我换。

Lofi Radio Web · 数字出处

92 Star / 23 ForkGitHub API:GET /repos/88lin/lofi-radio-web,2026-10-01

21 精选电台README 功能特性表:涵盖 Lofi / Chillhop / Jazz / Classical / Hip-Hop / Ambient

5 个单键快捷键README 快捷键表:Space / ← / → / M / T

0 注册步骤lofi.88lin.eu.org 无账号体系,打开即播