添加首个叠加层
将 Vfinity 组件作为浏览器源添加到 OBS 或 TikTok LIVE Studio 中并呈现在直播画面上
叠加层是由 Vfinity 在你本机直接提供服务的小网页。复制组件地址并粘贴到 OBS 或 TikTok LIVE Studio 的浏览器源中，即可在直播画面上呈现。
在这里你将添加 聊天框，它用于展示观众聊天内容并且默认处于开启状态。所有其他组件推流至直播画面的方式完全相同。
找到目标组件
点击导航栏中的 叠加层。组件库按分类列出每个组件，每个组件都是一张带开关的卡片。在 搜索小组件 中输入文字，或点击 聊天 等筛选标签，即可缩小范围。找到 聊天框 并确保其开关处于开启状态。
复制组件地址
在 聊天框 卡片上点击 复制链接。按钮会提示 已复制，地址已存入剪贴板。你也可以右键点击卡片并选择 复制 OBS 链接。
该地址结构类似 http://127.0.0.1:21424/#overlay-chat?lang=zh。# 号之后的部分用于指定组件，lang 参数保持与应用界面语言一致。
http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=zh
- 本机上的叠加层服务器http://127.0.0.1:21424
- 哪个组件#overlay-goal
- 同类中的哪个组件?id=goal1
- 语言，与应用保持一致&lang=zh
添加为浏览器源
在 OBS 和 TikTok LIVE Studio 中的操作步骤完全一致：
添加浏览器源
在 来源 面板中点击 + 并选择 浏览器。输入一个易于辨识的名称，例如“Vfinity 聊天框”。
粘贴地址
将复制的地址粘贴到浏览器源的 URL 输入框中。
调整尺寸
将宽度设为 1920，高度设为 1080，然后确认。你可以像调整普通图层一样在画布上移动或裁剪该来源。
验证工作状态
返回 聊天框 卡片，点击 在 OBS 中测试。一条测试消息“来自 Vfinity 的测试消息。你的聊天叠加层正常工作！”会显示在浏览器源中。由于该测试仅发送至叠加层，因此不会触发事件、朗读或数据统计。
仪表板同时会统计处于打开状态的来源数量。在其 连接 卡片中，OBS 中已打开叠加层 检测项会变绿并显示当前客户端数量。若卡片显示 可以开播了，点击 显示详情 即可查看各项检测。
添加投掷礼物叠加层
投掷效果使用独立的网页。其地址位于仪表板的 投掷叠加层 卡片中，配有复制按钮。将其作为另一个浏览器源（1920 × 1080）添加，礼物即可飞掠你的直播画面。投掷 介绍了如何将礼物配置为投掷物。
保持 Vfinity 持续运行
叠加层由 Vfinity 本地服务驱动，因此直播期间请保持 Vfinity 开启。如果启动时 21424 端口被占用，软件会自动选择其他端口并弹出通知。由于地址会随之变更，届时需要重新复制并更新你的浏览器源。
OBS 会一直显示它已载入的页面，因此更新 Vfinity 后，请把每个 Vfinity 来源刷新一次。升级 介绍了具体做法。
若要在另一台电脑上的 OBS 中使用这些叠加层，请参阅 叠加层。