主题:[自荐] BiliTV - 找回儿时守在电视机前“不断换台”的快乐

各位 V 友,
最近我燃烧 token ,用 AI 做了一个小项目 BiliTV。起因是觉得现在的视频 App 互动太重,算法推荐虽然精准,但总觉得少了点小时候那种“漫无目的调台、刚好撞见好节目”的惊喜感。
于是,我把 B 站的视频流塞进了一个“复古大头电视”里。
📺 它是做什么的?
BiliTV 是一个模拟复古电视交互的 Web 播放器。它不是简单的嵌入,而是从视觉到操作逻辑都在还原“看电视”的体验。
✨ 核心亮点
- 沉浸式 UI: 带有复古电视外壳、OSD 频道指示、扫描线 (Scanline) 和模拟噪点。
- 真·换台感: 切换频道时有短暂的“雪花噪声”插播,支持键盘
↑ / ↓盲操作。 - 频道系统: 预设了多个主题频道,支持直接粘贴 BVID 列表导入成自己的专属频道。
- 极简交互: 支持“无鼠标模式”和遥控器弹窗,甚至可以配合手机端模拟远程控制。
- 开关机特效: 还原了老式电视那种从中心缩放熄灭的仪式感。
🛠️ 技术实现
- Frontend: 原生感极强的 UI + CSS 滤镜实现扫描线效果。
- Backend: Express API 处理频道数据与元数据。
- Deployment: 已适配 Vercel ,支持一键部署自己的私有电视。
🔗 相关链接
- 在线体验: https://www.huoru.me/bilitv/
- GitHub (求 Star!): atlas-comstock/bilitv
⌨️ 快捷键指南(推荐尝试)
↑ / ↓:切换频道← / →:切换当前频道内的视频P:电源开关(建议关一下试试,效果很解压)T:电视全屏模式
目前还是 MVP 版本,主要用官方 Iframe 实现,为了电视的沉浸感,我用 UI 遮罩过滤掉了一些杂乱的播放器控件。欢迎大家体验、吐槽,或者提 PR 增加更多有趣的滤镜效果!
