实时转盘

修改会立即显示在预览中;准备好后保存到 OBS。

直播指南

用于直播的 OBS 透明转盘叠加层

把名字转盘加入 OBS,同时避免在直播画面中展示编辑器。SpinWheelify 会分别生成只显示转盘的公开网址和用于修改的私密链接。浏览器源不会加载导航、广告或不必要的账户功能。

将转盘添加到 OBS

先制作转盘,再发布叠加层,最后设置 OBS;这样私密编辑控件不会进入直播画面。

  1. 1

    制作转盘

    添加名字、选择颜色并设置中奖结果的显示方式。编辑时,工作室预览会立即更新。

  2. 2

    创建 OBS 链接

    点击“创建 OBS 链接”,复制公开 OBS 网址。浏览器源中只能使用这个网址。

  3. 3

    添加浏览器源

    在 OBS 中打开场景,在“来源”面板点击 +,然后选择“浏览器”。

  4. 4

    粘贴并设置尺寸

    粘贴公开网址,并根据画面中为转盘预留的区域设置宽度和高度。

  5. 5

    交互并转动

    右键浏览器源,选择“交互”,然后点击转盘或按 Ctrl/Cmd+Enter。

推荐的浏览器源设置

OBS 浏览器源默认使用 800 × 600 视口和 30 FPS。SpinWheelify 会根据你选择的视口自适应,因此没有唯一的必选分辨率。

设置建议作用
网址公开 OBS 网址不要把私密编辑链接粘贴到 OBS。
宽度和高度仅显示转盘时使用 800 × 800正方形浏览器源便于在 OBS 中定位和缩放。
帧率先使用 30 FPS只有直播电脑仍有性能余量时,才启用自定义 60 FPS。
自定义 CSS无需额外 CSS叠加层已透明、无边距,并兼容 OBS 默认透明 CSS。
通过 OBS 控制音频需要混音控制时启用转盘声音会进入 OBS 音频混音器,可监听、静音和调整音量。
不可见时关闭源为保持状态请关闭启用后,源隐藏时页面会卸载,转盘的临时状态可能重置。
场景激活时刷新没有明确需要时保持关闭仅当你希望每次切回场景都重新加载叠加层时启用。

各选项的完整说明请参阅 OBS 官方浏览器源文档

直播中控制转盘

OBS 主预览只用于选择和变换来源。要转动,请选择浏览器源并打开“交互”,再点击转盘;Windows 可按 Ctrl+Enter,macOS 可按 Cmd+Enter。结果、声音、彩纸和自动移除均按已保存设置执行。

正确设置大小和位置

转盘始终保持正方形、水平居中,并根据视口较短的一边缩放。顶部留白可避免指针被裁切。使用 OBS 的“变换”功能调整大小、居中或裁剪来源。

了解如何在 OBS 中定位来源

常见叠加层问题排查

多数问题来自浏览器源缓存、错误链接或不合适的来源尺寸。

OBS 中看不到转盘

确认使用公开网址、来源处于可见状态且宽高大于 0,然后在属性中点击“刷新当前页面缓存”。

转盘被裁切或位置不对

重新设置浏览器源尺寸,再用“变换”进行适配或居中。叠加层会保持转盘为正方形。

保存后的修改没有出现

确认保存成功,然后刷新浏览器源以加载最新版本。

点击预览不能转动

普通 OBS 画布不是交互式浏览器。右键来源,选择“交互”,并在该窗口中操作。

动画卡顿或系统占用过高

先用 30 FPS 和合适的来源尺寸。60 FPS 更流畅,但也需要更多系统资源。

准备好把转盘加入直播了吗?

使用上方工作室,或返回主转盘使用完整编辑功能。