V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ChristopherWu
V2EX  ›  分享创造

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

  •  
  •   ChristopherWu · 1 天前 · 423 次点击

    主题:[自荐] 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

    第 1 条附言  ·  1 天前
    4 条回复
    CalledKingsley
        1
    CalledKingsley  
       1 天前
    有点意思啊
    lw10645
        2
    lw10645  
       1 天前
    能看 4k 吗
    ChristopherWu
        3
    ChristopherWu  
    OP
       1 天前
    @CalledKingsley 是啊,之后感觉可以整合更多进来
    Tose
        4
    Tose  
       1 天前 via Android
    喜欢,真棒的产品!我也有类似想法,目的性不强地闲逛反而能看进去节日
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5694 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 01:47 · PVG 09:47 · LAX 18:47 · JFK 21:47
    ♥ Do have faith in what you're doing.