[自荐] 找回 90 年代换台的感觉：我写了个复古电视风的 B 站“冲浪”播放器

主题：[自荐] 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 增加更多有趣的滤镜效果！