浏览与展示
OBS 实时展示、绿幕抠图和显示设置
本文档介绍如何在直播中展示投稿内容,以及各种显示设置选项。
在直播中展示稿件
泡泡树洞通过 OBS 实时同步在直播画面里展示稿件。基本流程:
- 在收稿箱列表里点选某条稿件,它就成为当前展示内容
- OBS 浏览器源会实时同步显示这条稿件(见下方「OBS 实时展示」)
- 在后台切换到另一条稿件,OBS 画面自动跟着更新
不需要单独的「投放」按钮——你在后台选中哪条,OBS 就展示哪条。
OBS 实时展示
这是直播读稿的核心功能:生成一条专属的 OBS 浏览器源链接,把后台展示区实时推到直播画面,干净专业,远比「窗口捕获整个后台」可控。
设置步骤
- 在收稿箱顶部点「OBS」按钮,打开「OBS 实时展示」弹窗
- 点「一键创建」生成专属 API Key(用于验证身份,确保只有你能推送内容到你的画面)
- 复制弹窗里的专属链接
- 打开 OBS,添加一个「浏览器」源,把链接粘到 URL 栏,宽度建议 1920、高度 1080
- 回到后台,正常切换稿件,OBS 画面就实时同步
读稿进度同步
在后台展示区点击文字任意位置,即可标记阅读进度。OBS 画面会实时同步:
- 已读部分自动变灰
- 当前阅读位置自动滚动到画面中央
非常适合边读边展示的直播场景。
请勿在 OBS 中裁剪此浏览器源,否则阅读进度滚动可能产生偏差、内容也可能显示不全。需要调整画面大小时,直接改浏览器源的宽度和高度。
显示参数
在 OBS 弹窗里可以为这条链接单独设置(改完链接自动更新):
| 参数 | 说明 |
|---|---|
| 字体 | 12 种字体任选(见下方「字体选择」) |
| 字号 | 20 / 25 / 30 / 35 / 40 / 50 / 60 px |
| 对齐方式 | 左对齐 / 居中 / 右对齐 |
| 文字颜色 | 自定义颜色,默认跟随主题 |
| 绿幕模式 | 把背景变绿便于抠图(支持全屏绿幕) |
只展示图片附件
OBS 画面仅展示稿件里的图片附件。音频、视频、文档等不会在 OBS 中显示。需要展示这些文件时,可在后台下载附件后,用 OBS 的「媒体源」或「窗口捕获」单独展示。
密钥管理
- 如怀疑链接里的 API Key 泄露,点「重新生成」即可撤销旧密钥、生成新链接(重新生成后要在 OBS 里更新链接)
- 在「设置 → API Key」可查看、删除所有密钥
显示设置
下面这些在收稿箱设置抽屉(齿轮图标)里调整,作用于后台展示区。
字体选择
支持 12 种字体:
| 字体名称 | 风格 |
|---|---|
| 霞鹜文楷 | 楷书风格,优雅文艺 |
| 霞鹜漫黑 | 手写马克笔黑体,活泼 |
| 霞鹜新致宋 | 现代宋体,清秀 |
| 得意黑 | 倾斜创意黑体,个性鲜明 |
| 思源屏显臻宋 | 适配屏显的宋体,正式 |
| 汇文明朝体 | 明朝体,典雅 |
| 曉聲通秋茄 | 风格化书法字体 |
| 黄令东齐伋体 | 仿古活字风格 |
| 精品点阵体 | 像素点阵,复古 |
| 拼音鼎楷 | 带拼音标注的楷体 |
| Maple Mono | 等宽英文,代码风格 |
| 系统默认 | 使用系统字体 |
字体大小
在设置抽屉用 + / - 按钮调整展示区文字大小。
加载背景
提供 20 多种加载动画背景(宇航员、火箭升空、北极牛、交通灯等),在切换稿件时显示过渡效果。
OBS 绿幕模式
绿幕用于在 OBS 里把背景抠掉,只留文字浮在直播画面上。
启用绿幕
在设置抽屉里打开「绿幕模式」开关:
- 背景变为纯绿色(#22ff39)
- 文字显示在绿色背景上
- 方便在 OBS 中用色度键抠图
还可以打开「全屏绿幕」,让整个展示区域都变绿,便于完整捕获。
OBS 色度键配置
在 OBS 里给浏览器源加滤镜:
- 右键源 → 滤镜
- 添加「色度键」滤镜
- 关键色选自定义颜色,填 #22ff39
- 调整相似度和平滑度
特效动画
Emoji 动效
展示稿件时可以启用 Emoji 动效,增加趣味性。
撒花效果
特定场景下会触发撒花动画效果。
弹幕面板
开启弹幕
点收稿箱顶部的「弹幕」按钮开启弹幕面板。
弹幕同步
弹幕监听依赖 2SOMEone 浏览器扩展 + 绑定的 B 站直播间:
- 弹幕由扩展从你的直播间长连接里抓取,并非服务端自动抓取
- 系统默认暂存当前展示稿件收到的普通弹幕和醒目留言
- 稿件转发到泡泡后,暂存内容会自动成为回复,后续弹幕继续直接加入讨论
- 如需关闭,在页面右上角「设置」中关闭「转发时同步直播弹幕」
因为依赖浏览器扩展,弹幕功能需要在能装扩展的桌面浏览器里使用。
弹幕显示
弹幕面板实时显示直播间弹幕内容、发送者昵称和发送时间,并会自动去重。
公开稿件浏览
树洞主页
每位主播的公开稿件可以在树洞主页浏览:
https://2some.one/[用户名]/bubblebox页面展示公开的投稿列表,点击卡片可以预览或查看详情。
稿件详情页
每个公开投稿都有独立的详情页面:
https://2some.one/[用户名]/bubblebox/post/[稿件ID]详情页可以查看完整内容并参与互动(见 参与互动)。
常见问题
OBS 抠图有残影怎么办?
- 检查绿幕是否为纯绿色(#22ff39)
- 在 OBS 色度键里把相似度 / 平滑度调到合适
- 确保浏览器页面没有其他元素遮挡
字体加载很慢?
中文字体文件较大,首次加载可能需要几秒钟。字体会被浏览器缓存,后续加载更快。
弹幕同步不工作?
按顺序检查:
- 是否已安装 2SOMEone 浏览器扩展
- 是否已绑定 B 站直播间
- 直播间是否正在直播
- 右上角「设置」里的「转发时同步直播弹幕」是否开启