OBS 场景编辑器
网页里画直播场景，拖组件、套模板，一键生成 OBS 浏览器源
OBS Studio 场景编辑器
OBS Studio 让你在网页里像拼图一样搭出专业的直播画面：开播前、直播中、休息、结束都能各做一套，然后一键生成 OBS 浏览器源地址贴进 OBS，省去第三方插件。
OBS Studio 目前处于 Alpha 内测开发阶段，请勿用于正式直播环节。欢迎通过页面右下角的反馈通道提交功能需求与建议。
进入编辑器
在「控制台」侧边栏「直播」分组里点「OBS Studio (Alpha)」进入。画布默认 1920×1080，和直播分辨率一致。 首次进入会直接创建一张「直播中」画布，方便你马上开始布景。
五个场景槽
顶部固定 5 个场景槽，对应直播的不同阶段。点一下没建过的槽会自动创建对应场景，双击标签可以重命名：
| 场景槽 | 用途 |
|---|---|
| 直播中 | 正式直播时的主画面 |
| 开播前 | 等待开播的封面画面 |
| 休息中 | 暂时离开时的占位画面 |
| 结束 | 下播画面 |
| 自定义 | 任意自定义场景 |
画布操作
编辑器是画布式的，组件可以拖拽、改尺寸、调图层。中间区域会自动把 16:9 画布居中 fit 显示，不提供整张画布的手动放大、缩小或平移。常用操作：
| 操作 | 方式 |
|---|---|
| 网格 / 吸附 | 工具栏开关，对齐组件 |
| 保存 | 点「保存」或 ⌘S / Ctrl+S |
| 撤销 / 重做 | ⌘Z / ⌘⇧Z，或工具栏按钮 |
| 复制组件 | ⌘D / Ctrl+D |
| 全选 | ⌘A / Ctrl+A |
| 删除组件 | Delete / Backspace（锁定的组件不会被删） |
组件库分成「添加组件」和「进阶组件」两层。前者放常用基础组件，后者收 加班倒计时 / 礼物提醒 / 长图滚动 这类更偏氛围和长时互动的挂件。详细配置看 OBS 组件库。模板库用法看下方模板库。
组件库
从左侧把组件拖进画布，每种组件都有默认尺寸和可调参数：
| 组件 | 用途 | 可调要点 |
|---|---|---|
| 弹幕流 | 滚动展示弹幕 | 字号、最大条数、滚动方向、头像 / 舰长徽章 / 勋章、自动隐藏、按事件类型过滤 |
| 醒目留言面板 | 展示 SC | 最大条数、保留时长、堆叠布局 |
| 礼物提醒 | 收到礼物时弹提醒 | 最低价过滤、动画样式、展示时长、按金额分档配色 |
| 上舰提醒 | 有人上舰时弹提醒 | 动画样式、展示时长 |
| 文本 | 自定义文字 | 字体、字号、粗细、颜色、对齐、描边、阴影、直播状态占位符 |
| 图片 | 静态图片 | 图片地址、填充方式 |
| 倒计时 / 时钟 | 倒计时或时钟 | 模式、目标时间 / 时长、显示格式、字体样式、结束文案 |
| 进度条 | 营收 / 目标进度 | 当前值、目标值、标题、百分比显示、颜色、高度 |
| 视频 | 循环播放视频 | 视频地址、自动播放、循环、静音、填充方式 |
| 网页 | 嵌入网页 | 网页地址、刷新间隔 |
| 点歌台 | 展示本场实时点歌队列 | 标题、样式、方向、最多展示 4 条 |
弹幕流、醒目留言面板、礼物提醒、上舰提醒这几类是「直播数据组件」，需要本机弹幕桥接才能出数据，见下方 OBS 输出。
在文本里显示直播状态
文本组件支持两个直播状态占位符：
| 占位符 | 直播中 | 下播后 |
|---|---|---|
{live.status} | live | offline |
{live.title} | 当前直播标题 | 空文本 |
例如，把文本设为 {live.status} · {live.title}。OBS 浏览器源收到 live_start 或 live_end 后会更新文本。状态只来自当前弹幕桥接连接，编辑器预览显示下播状态。
如果连接断开，场景不会把断线当作下播，也不会生成新的直播标题。恢复连接后，场景会继续消费桥接发来的状态事件。
模板库
不想从零搭场景，可以套模板：
- 保存为模板：把当前场景存成模板，以后复用
- 浏览模板：看自己的、公开的、系统内置的模板，公开模板带使用次数
- 收藏模板：收藏喜欢的模板方便再找
- 应用模板到场景槽：一键把模板套进某个场景槽
新手主播可以直接套公开 / 官方模板快速上手，老手把自己的模板沉淀下来反复用。
OBS 输出
点工具栏「OBS」打开输出弹窗，生成浏览器源地址：
- 复制弹窗里的「浏览器源 URL」（形如
/obs/workspace/<用户 id>） - 在 OBS 里添加「浏览器源」，粘贴这个地址
- 如果用了直播数据组件，填 Desktop 当前显示的「本机弹幕 WebSocket」地址（通常为
ws://localhost:<端口>），OBS 画面会从本机直播桥接读取实时弹幕 - 可设「平台过滤」：全部平台 / Bilibili / 抖音
如果场景里有「点歌台」组件，先在「OBS 联动」里点「生成授权」，再复制 URL。点歌台通过 HTTPS API 读取队列，#grant=... 只作为浏览器片段传给页面，不依赖弹幕 WebSocket。这个授权只允许读取该主播的点歌展示数据，默认 6 小时后过期，重新生成会让旧授权失效。完整授权只在生成当次显示，不会作为查询参数发送给服务器；不要把带授权的 URL 发布到公开页面或日志。点歌台只展示队列，接歌、确认版本和标记状态仍在僚机点歌台完成。
「预览 OBS 画面」会打开带 debug=1 的诊断地址，在画面右上角显示弹幕桥接的连接状态。这个地址只用于检查 WebSocket 是否连接，复制给 OBS 的浏览器源 URL 不带诊断标记。
复制前会自动保存
复制或预览 URL 前会先保存当前场景，确保 OBS 读到的是最新版本。WebSocket 只接受本机地址。
开播检查
点工具栏「检查」做一次开播自检，逐项校验场景是否就绪，问题分三档：
| 等级 | 含义 |
|---|---|
| 阻塞 | 必须解决，否则画面会出问题 |
| 注意 | 建议处理，不一定阻断 |
| 提示 | 仅供参考 |
常见检查项包括：是否有未保存改动、场景是否启用、资源地址是否填了、组件是否超出可见画布、弹幕桥接的 WebSocket 地址是否可用。每个问题旁多带一键修复动作，比如「恢复默认 WebSocket 地址」「把组件收进画布」「定位 / 显示组件」，降低上播翻车概率。