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