Vfinity2.0 α
直播进行时

叠加层

组件库、组件副本以及各组件专用的 OBS 推流地址

叠加层 标签页是一座专为你的直播打造的组件库:聊天框、提醒、目标、排行榜、画面特效、互动游戏等。每个组件都是一个独立的 OBS 浏览器源,拥有专属的访问地址。

60+ 个
组件库中收录的组件总数
16 个
全系统支持创建的组件副本上限
1 个
每个组件或副本对应的独立访问地址

挑选组件

打开底部导航栏的 叠加层 标签页。在 全部 下,组件库按分类排列组件:聊天、提醒、动态、计数器、目标、排行榜、特效、展示 和 互动。每个分组都会显示其中已开启几个组件,你也可以把分组折叠起来;Vfinity 会记住你折叠了哪些分组。

顶部的筛选标签可以缩小列表范围。直播中显示 只列出已开启的组件,收藏 列出你加了星标的组件,每个分类和每个合集也各有一个筛选标签。你还可以在 搜索小组件 中输入关键词搜索;它同时支持其他工具常用的叫法,例如输入“kappagen”就能找到实现同样功能的组件。

搜索框旁的两个按钮可在 卡片 和 紧凑列表 之间切换,紧凑列表能在屏幕上放下更多组件。游戏类卡片无需展开即可直观显示当前的对局状态,例如“开放中 · 12 人参加”或“红队 34 : 46 蓝队”。

Alpha 0.4.0 新增了三个组件:时钟与倒计时、场景卡 和 清单。叠加层组件介绍了它们各自的用途。

使用收藏与合集

点击卡片上的星标即可收藏该组件。收藏的组件会在 全部 的最上方单独成组,同时仍会出现在各自的分类中。

合集用来存放你经常一起使用的组件,例如某个场景要用到的全部组件。

新建合集

点击筛选标签末尾的 新建合集。填写 名称,选择 颜色,也可以挑一个 图标,然后点击 创建。

向合集添加组件

右键点击卡片并选择 加入合集;或者选中该合集的筛选标签,点击 管理小组件,勾选要放进合集的组件。

一次切换全部组件

选中合集的筛选标签后,全部开启 和 全部关闭 会切换合集中的每个组件。每个按钮都会标出它将改变的组件数量,随后出现的通知提供 撤销。

最多可以创建 24 个合集。删除合集 会删除一个合集,它的通知同样提供 撤销。备份时,收藏和合集会随叠加层一起保存。

将组件添加到 OBS

开启组件开关

开启组件卡片上的开关。未开启的组件在 OBS 中不会显示任何内容。

复制组件地址

点击卡片上的 复制链接,或右键点击并选择 复制 OBS 链接。

粘贴至 OBS

在 OBS 中添加一个“浏览器”来源并粘贴该地址。TikTok LIVE Studio 同样使用该地址。

尝试在下方交互示例中选择组件和副本,观察其生成的对应地址:

试一试
复制 OBS 浏览器源 URL
选择一个组件,查看点击其“复制链接”按钮获得的地址。
组件

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=zh

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=zh
  • 本机上的叠加层服务器http://127.0.0.1:21424
  • 哪个组件#overlay-goal
  • 同类中的哪个组件?id=goal1
  • 语言,与应用保持一致&lang=zh
每个地址均指向本机叠加层服务器,并包含组件标识,若是副本还会带有副本编号。

地址结构形如 http://127.0.0.1:21424/#overlay-chat。其中的数字是叠加层服务器的监听端口。如果启动时该端口被占用,软件会自动更换其他端口并提示你,因此请直接从软件中复制最新地址,而非手动打字输入。

自定义组件外观

点击 配置 可在等比例预览画布旁展开组件的详细设置。预览画布明确标注了 仅限预览:你在其中的任何试探性操作均不会同步发送至 OBS。凡带有 模拟 按钮的组件,点击即可播放模拟事件以观察组件反应。

对大多数组件来说,预览就是一个舞台,组件框会显示在它在画布上的实际位置。拖动组件框即可移动,拖动控制点即可调整大小。组件框会吸附到边缘、中线和三等分线;按住 Alt 可以自由摆放。画布形状 可将舞台在 横屏 16:9 与 竖屏 9:16(TikTok LIVE) 之间切换。

绝大多数组件都包含相同的分组:内容、文字、外观、阴影与层次、动画 和 位置与大小。在 位置与大小 中,左边距 (%)、上边距 (%)、宽度 (%) 和 高度 (%) 用于精确摆放组件,对齐到 可把组件移到角落、边缘或正中,铺满画布 则让组件铺满整个画布。

设置阴影、层次与文字

所有组件共用同一套外观控件。在 阴影与层次 中开启 投影,然后拖动圆形转盘上的圆点:圆点相对中心的方向决定阴影朝向,与中心的距离决定阴影投出多远。按住 Shift 可按 15° 吸附,双击可重置。

试一试
投影
16px

整个小组件

100%
倾斜
100%
用转盘调整阴影方向,再为整个组件设置不透明度、倾斜和缩放。试着转动转盘。

快捷阴影 一键设好整套阴影:柔和、锐利、发光、长投影 或 内阴影。柔和度、扩展、阴影强度、阴影颜色 和 内阴影 用于细调。在 整个小组件 下,小组件不透明度、倾斜 和 缩放 作用于整个组件,重置阴影与层次 可将这些设置全部还原。

其他分组也增加了更多选项:

  • 文字 新增 字间距、行高、大小写、斜体,以及阴影类 可读性效果 的 方向。
  • 外观 新增 边框样式:实线、虚线、点线 或 双线。
  • 动画 新增 退出样式,在你关闭组件时播放;可以选一种,或选 与进入相同。重播 会在预览中再次播放动画。

将样式复制到另一个组件

点击组件设置顶部的 样式。复制样式 会复制它的颜色、文字、边框与圆角、阴影与层次以及动画。打开另一个组件,点击 样式 并选择 粘贴样式:只会粘贴两个组件都有的部分。

另存为预设… 会给样式起个名字,保存到 我的样式 中,你可以在那里应用、重命名或删除它。内置样式 提供六种现成样式作为起点,例如 霓虹光晕 和 玻璃。每次粘贴、应用和删除都提供 撤销,备份时你的预设也会随叠加层一起保存。

右键点击卡片可唤出快捷操作:配置、开启或关闭、复制 OBS 链接、添加副本,以及该组件特有的操作(如旋转转盘、抽取中奖者或跳过提醒)。聊天框与提醒卡片还额外配有 在 OBS 测试。

多次复用同一个组件

点击 添加副本 可为组件生成第二个彼此独立的实例,拥有独立的样式设置和专属地址:例如为横屏场景准备一个聊天框,为竖屏推流准备另一个,或添加第 5 个目标。副本会排在原组件旁边并带有 副本 标记,支持重命名、再复制或删除。

副本独立保留的属性

独立的标题、颜色、字体文字、摆放坐标以及上传的图片。删除副本后,其 OBS 来源会变为纯黑空白,而绝不会自动重定向显示两份原版组件。

副本与原版共享的逻辑

游戏类副本共享原版的游戏对局状态,因此请在原组件中配置规则选项和聊天指令,并保持原版开启。计时器副本共用同一座倒计时时钟,仅以各自独立的视觉样式呈现。

除 提醒 外的所有组件均可创建副本,全系统最多支持容纳 16 个副本。

在另一台电脑上的 OBS 中使用

如果你的 OBS 运行在第二台电脑上,Vfinity 支持在家庭局域网内提供叠加层服务。

开启网络共享访问

前往 设置连接本地服务器 并开启 允许另一台电脑上的 OBS 使用这些叠加层。

重启 Vfinity

修改在重启软件后生效。初次开启时,Windows Defender 防火墙会弹出权限请求:请勾选允许 Vfinity 访问“专用网络”。macOS 则会提示允许访问本地网络。

重新复制地址

此时点击 复制链接 会得到包含你电脑局域网 IP 与专属访问密钥的新地址。将该新地址粘贴到另一台电脑的 OBS 中。

局域网内任何未携带有效密钥的请求都会被直接拒绝。如果不慎泄露了地址,点击 重新生成密钥 即可让所有携带旧密钥的链接瞬间作废,届时只需将新链接重新粘贴到 OBS 中即可。

仅在受信任的局域网中开启

开启网络访问意味着直播数据(包括聊天、送礼数值与观众名字)会在本地网络中传输。请务必仅在家庭网络中使用,切勿在公共 Wi-Fi 下开启。

相关内容