GoForum🌐 V2EX

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

ChristopherWu · 2026-03-18 10:02 · 0 次点赞 · 0 条回复

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

各位 V 友,

最近我燃烧 token ,用 AI 做了一个小项目 BiliTV。起因是觉得现在的视频 App 互动太重,算法推荐虽然精准,但总觉得少了点小时候那种“漫无目的调台、刚好撞见好节目”的惊喜感。

于是,我把 B 站的视频流塞进了一个“复古大头电视”里。

📺 它是做什么的?

BiliTV 是一个模拟复古电视交互的 Web 播放器。它不是简单的嵌入,而是从视觉到操作逻辑都在还原“看电视”的体验。

✨ 核心亮点

  • 沉浸式 UI: 带有复古电视外壳、OSD 频道指示、扫描线 (Scanline) 和模拟噪点。
  • 真·换台感: 切换频道时有短暂的“雪花噪声”插播,支持键盘 ↑ / ↓ 盲操作。
  • 频道系统: 预设了多个主题频道,支持直接粘贴 BVID 列表导入成自己的专属频道。
  • 极简交互: 支持“无鼠标模式”和遥控器弹窗,甚至可以配合手机端模拟远程控制。
  • 开关机特效: 还原了老式电视那种从中心缩放熄灭的仪式感。

🛠️ 技术实现

  • Frontend: 原生感极强的 UI + CSS 滤镜实现扫描线效果。
  • Backend: Express API 处理频道数据与元数据。
  • Deployment: 已适配 Vercel ,支持一键部署自己的私有电视。

🔗 相关链接

⌨️ 快捷键指南(推荐尝试)

  • ↑ / ↓:切换频道
  • ← / →:切换当前频道内的视频
  • P:电源开关(建议关一下试试,效果很解压)
  • T:电视全屏模式

目前还是 MVP 版本,主要用官方 Iframe 实现,为了电视的沉浸感,我用 UI 遮罩过滤掉了一些杂乱的播放器控件。欢迎大家体验、吐槽,或者提 PR 增加更多有趣的滤镜效果! BiliTV 运行截图 2 BiliTV 运行截图 3

0 条回复
添加回复
你还需要 登录 后发表回复

登录后可发帖和回复

登录 注册
主题信息
作者: ChristopherWu
发布: 2026-03-18
点赞: 0
回复: 0