suPlayPurchasing GameMinigamesPollSSA
suPlayPoll

将 suPlay Poll 用作 OBS 叠加层

如果您不使用 PowerPoint，或者希望有一套适用于所有幻灯片工具的统一流程——LibreOffice Impress、OnlyOffice、Keynote、Google Slides、Canva、Prezi，或全屏显示的 PDF 阅读器——OBS Studio 可以在您的演示文稿上方投射一个透明的 suPlay Poll 叠加层。Windows、macOS 和 Linux 上的设置方式完全相同。

您需要准备的内容

  • OBS Studio 30 或更高版本——免费下载。
  • 一个至少包含一个投票的 suPlay Poll 活动，以及它的显示链接。打开该活动的幻灯片资源页面，复制🖥️ 显示屏幕下方的链接——形如 https://poll.suplay.nl/event/CODE/display?dt=…。?dt= 令牌用于验证该信息流，使 OBS 无需登录即可加载它（该链接为只读，且仅限于此活动）。
  • 一台第二显示器，或使用单台显示器的窗口化投影模式（说明见下文）。

最快上手——导入现成场景

  1. 下载预先构建好的场景合集：suplaypoll-obs-scene.json。
  2. 在 OBS 中：依次选择场景合集 > 导入，选择该文件，点击导入，然后从同一菜单切换到新的 suPlay Poll 合集。
  3. 双击suPlay Poll Live Feed 来源，将整个网址替换为您从活动的幻灯片资源页面复制的🖥️ 显示屏幕链接（完整的 …/display?dt=… 网址——必须包含令牌）。
  4. 点击确定，场景即已就绪。
  5. 在预览画面上右键点击 → 在您的外接显示器上选择全屏投影（预览）。然后在其后台使用您喜欢的演示工具开始幻灯片放映。

手动设置（如果您更倾向于此方式）

大约需要两分钟。在所有操作系统上的操作方式完全相同。

  1. 打开 OBS。在场景中点击+，将场景命名为 suPlay Poll Overlay。
  2. 在来源中点击+ → 浏览器，将其命名为 suPlay Poll Live Feed。
  3. 将活动的幻灯片资源页面中的🖥️ 显示屏幕链接粘贴到网址字段——需为完整的带令牌网址，例如
    https://poll.suplay.nl/event/YOUR_CODE/display?dt=…
  4. 将宽度设为 1920，高度设为 1080（或您输出分辨率的对应数值）。
  5. 将以下内容粘贴到自定义 CSS中，使页面背景透明，让叠加层清晰地显示在幻灯片放映之上：
    body, html { background: transparent !important; margin: 0; padding: 0; }
.no-overlay { display: none !important; }
  6. 保持不可见时关闭来源选项勾选（可节省 CPU）。点击确定。

将其叠加在幻灯片放映之上

OBS 默认只渲染到自己的预览画面。要将其叠加到您实际的演示文稿上，共有三种方式——请选择其中一种：

A. 双屏投影（推荐）

  1. 像平时一样，在外接显示器上开始幻灯片放映。
  2. 在 OBS 预览画面上右键点击 → 窗口化投影（预览），将其拖到外接显示器上，按 F11 进入全屏。可根据需要调整位置和大小——透明背景会让您的幻灯片透出显示。
  3. OBS 投影窗口始终浮动在幻灯片放映上方，因为它是一个普通窗口，而非系统级叠加层。在 macOS 上，如有需要，可在 OBS 菜单中启用窗口 > 始终置顶。

B. 通过虚拟摄像头接入 Zoom / Teams / Webex

  1. 在 OBS 中点击启动虚拟摄像头（位于右下角面板）。
  2. 在 Zoom / Teams / Webex 中，将摄像头选择为 OBS Virtual Camera，然后照常共享您的幻灯片窗口。此时远程观众即可看到叠加在幻灯片上的 suPlay Poll 内容。
  3. 这是唯一在远程会议中稳定可用的方式——系统级叠加层无法通过屏幕共享传递。

C. 录制或直播

使用 OBS 常规的录制/直播按钮。叠加层会直接嵌入录制内容或 RTMP 直播流。适用于异步工作坊以及 YouTube/Twitch 直播。

小贴士

  • 音频：suPlay Poll 不会发出声音，请保持浏览器来源的音频监听关闭。
  • 自动刷新：如果您在活动进行中更改了投票的可见性或结果，OBS 会通过 Socket.io 自动获取更新，无需手动刷新。
  • 色度抠像：无需使用——上方的自定义 CSS 已使背景透明。
  • 分辨率：将浏览器来源的分辨率与您的输出画布分辨率（设置 > 视频 > 基础分辨率）保持一致，以避免缩放模糊。
  • CPU 占用：一个浏览器来源的开销大致相当于一个 Chrome 标签页。在 2018 年的 Intel i5 上，额外开销低于 5%。

故障排查

  • 叠加层空白/黑屏：显示网址仅在活动状态为 LIVE 或 CLOSED 时才会渲染。如果活动仍处于 DRAFT 状态，请先激活至少一个投票后再试。请始终先在普通浏览器中测试该网址。
  • 叠加层显示登录提示或“未接收到实时更新”的提示条：不带令牌的 /event/CODE/display 网址需要所有者会话，而 OBS 无法携带该会话。请改用从活动幻灯片资源 → 🖥️ 显示屏幕复制的带令牌 …/display?dt=… 链接——该令牌用于验证信息流身份。（链接过期后，请重新打开幻灯片资源页面，每次打开都会显示新的链接。）
  • 叠加层无法显示在 Windows 上 PowerPoint 全屏幻灯片放映之上：PowerPoint 的幻灯片放映会使用置顶窗口。请使用第二台显示器配合 OBS 的窗口化投影，或以幻灯片放映 > 设置放映方式 > 观众自行浏览（窗口模式）方式演示——后者可让普通窗口叠加显示在其上方。
  • macOS 屏幕录制权限：如果投影窗口没有显示在最上方，请在“系统设置 > 隐私与安全性”中为 OBS 授予屏幕录制权限。