给紫老师做了一个在线点播系统,名字叫「一家紫放映厅」。直播时粉丝可以在这里点想看的 B 站视频,阿紫在后台一键切换,配合 OBS 展示页,直播画面里就能实时显示”正在播放 / 下一首”。

站点地址:

  • live.kokonoyu.com —— Vercel 主站,全球可用;境内访问速度可能不太稳定
  • livecn.kokonoyu.com —— 香港三网优化节点,境内访问更快,推荐国内访问使用

这是什么

一句话:一个给虚拟主播用的视频点播(点歌)系统。整个站由三个页面组成:

  • 前台 /:粉丝使用的点歌页
  • 后台 /admin:主播专用的管理面板
  • 展示页 /display:给 OBS 用的配信画面

技术栈是 Next.js + Supabase(数据库、登录、实时同步)+ Cloudflare Turnstile(人机验证),部署在 Vercel 上。视频本身不存放在本站,只是记录 BV 号,由 B 站播放。

观众点歌页示意

给粉丝的使用方法

打开 live.kokonoyu.com 就能点歌,步骤很简单:

  1. 在「哔哩哔哩 BV 号」输入框里填视频的 BV 号(例如 BV1irnyzREdf
  2. 「推荐人昵称」可以填也可以不填(选填)
  3. 点「提交」,视频就会进入放映单排队

几个小规则:

  • 同一个视频只能点一次(已经播放过的也不能再点)
  • 不存在的 BV 号会被拒绝
  • 两次点歌之间有冷却时间(默认 5 分钟,主播可以随时改成 1 分钟~1 天)
  • 如果主播设置了总数上限,排满后会自动停止接收

把鼠标悬停在列表里的视频上,还会出现「复制 BV 号」和「打开 B 站搜索」两个快捷按钮,方便查视频或分享。

给阿紫的使用方法

管理后台

打开 live.kokonoyu.com/admin 登录即可,只有主播本人能进。

前台设置

  • 开放观众点播:一键开关,关闭后前台就只显示列表、不显示点歌表单
  • 前台公告:在页面顶部显示的通知,加粗展示
  • 点播冷却时间:1 分钟 / 2 分钟 / 5 分钟 / 10 分钟 / 30 分钟 / 1 小时 / 12 小时 / 1 天
  • 点播总数上限:0 表示不限制(包含已播放的累计计数)

放映单管理

  • 「下一个」:最常用的按钮。点一下,自动把下一首设为”正在演唱”、当前这首设为”已播”,还会弹出 BV 号方便复制或去 B 站打开
  • 状态切换:等待演唱 / 正在演唱 / 已播
  • 置顶:把某首歌固定在列表最上面
  • 删除:连点两次确认,防止误删
  • 一键删除已播放:批量清掉已播视频(同样两次确认)
  • 复制:快速复制 BV 号

管理后台示意

OBS 配信画面

在 OBS 里添加「浏览器」源,地址填 live.kokonoyu.com/display,尺寸按喜好设置(例如 1280×720)。

画面会自动显示当前正在播放的视频和下一首,后台每切换一次状态,配信画面 5 秒内自动同步,直播时不需要手动操作。

OBS 展示页示意

版权与免责声明

  1. 本网站内所使用的所有美术素材、图片、Logo、背景故事及设定等内容,版权均归主播 九重紫 及其合作画师所有。
  2. 本站仅作粉丝安利与导航整理用途,没有任何商业盈利目的。
  3. 如果本站的内容有任何侵权或不妥之处,请随时通过上方 B 站链接私信联系我,我会在第一时间配合修改或删除。