如何在 OBS 中使用浏览器源添加小部件和网页内容

我们将向您展示如何在 OBS 中使用浏览器源来添加小部件和网页内容。这是 OBS 最强大的功能之一…… 将动态元素融入录音和广播中您可以轻松地为任何场景添加以前需要复杂设置才能实现的视觉资源。让我们开始吧。

浏览器源究竟是什么？

如何在 OBS 中使用浏览器源？如果您是直播新手或刚刚转行到直播平台，那么本文将为您提供帮助。 OBS Studio 录制了解浏览器源函数的具体作用很有帮助。想象一下，如果你可以…… 在 OBS 中，将一个隐形的网页浏览器放置在你的场景中。就好像是另一层文字一样。嗯，浏览器字体本质上就是这样。

OBS 内部使用 Chromium 渲染引擎（与 Google Chrome 相同）来加载和显示您指定的任何 URL。它的神奇之处在于透明性：只有网页的视觉内容（文本、图形、动画）会叠加在您的游戏或摄像头画面之上。此外，与静态图像不同， 浏览器字体可以实时更新.

这意味着，例如，捐赠小部件将显示最近的捐赠记录，聊天窗口也会显示相关信息。 覆盖， 新消息。您也可以 实时查看粉丝数量如何增长 带有粉丝计数器。所有这一切都不需要 插件 操作简单，而且您无需做任何其他事情。

如何在 OBS 中使用浏览器源添加小部件和网页内容

现在我们来看看如何在 OBS 中使用浏览器源来添加小部件和网页内容。集成浏览器源的过程很简单，步骤始终相同。首先是…… 打开 OBS Studio 并确保您位于要添加控件的场景中。

现在，在小组讨论中…… 来源 （资料来源） 点击 “+”按钮 并选择 浏览器 （浏览器） 在下拉菜单中，将打开一个窗口供您为字体命名。您可以为其指定一个描述性名称，例如“提示小部件”或“屏幕聊天”，以便更好地组织您的项目。

点击 “接受” 然后会打开字体属性窗口。您需要在这里配置小部件的核心部分：

• 网址： 请将您正在使用的服务（StreamElements、Streamlabs 等）提供的网址粘贴到此处。
• 宽度和高度最常见的做法是，对于占据整个屏幕的控件，使用画布分辨率（例如 1920x1080）。对于聊天窗口或计数器，您可以设置较小的尺寸。
• FPS： 帧率决定动画的流畅度。30帧对于大多数情况来说已经足够，但对于非常复杂的动画，可以将其提高到60帧。更高的帧率会消耗更多的CPU资源。
• 当信号源不可见时，请将其关闭。建议启用此选项以优化性能。这样，当您切换到不包含该组件的场景时，OBS 将停止处理该组件，从而节省宝贵的系统资源。
• 自定义 CSS此字段供高级用户使用。它允许您修改已加载网页的样式，例如隐藏元素或强制启用背景透明（如果小部件本身不支持此功能）。

在 OBS 中使用浏览器源：在哪里可以找到小部件和网页元素？

如您所见，在 OBS 中使用浏览器源向直播和录制内容添加小部件和网页内容非常简单。基本流程和初始设置都很简单，但现在您需要…… 发挥创意，选择你需要的元素。哪里可以买到它们？

它是同类平台中最完整、最受欢迎的平台之一。 StreamElements。 您可以在这里找到各种小部件和元素：警报、屏幕聊天、目标计数器、事件列表等等，所有这些都可以通过您的控制面板进行管理。 您需要注册才能获取自定义网址。然后将其粘贴到 OBS 中。它的许多功能都是免费的。

另一个类似的来源是 Streamlabs， 它是主播的主要平台之一，并提供广泛的服务。 诸如提醒和聊天之类的组件通过浏览器源实现同样的功能。这些网站以及其他一些网站是开始在 OBS 中使用浏览器源的良好起点。

实际应用：改变你流媒体的小部件

浏览器字体是构建直播交互的基础。您使用的元素和组件的类型和数量取决于您直播的内容以及您希望与观众达成的目标。让我们来看一些例子。 最常见的应用 在 OBS 中使用浏览器源时：

警报和 叠加层

这可能是最普遍的用途。StreamElements 和 Streamlabs 等服务是该领域的领导者。它们允许您…… 设计自定义提醒 当有人关注你、订阅你或捐款时，屏幕上会出现这些信息。

屏幕聊天窗口小部件

在屏幕上显示聊天记录是一个很好的做法，尤其是在像 YouTube 这样的平台上。对于观看视频的观众来说，这也是个好主意。 溪流 在大屏幕或电视上， 本地聊天功能不可用除此之外，您还可以选择字体大小、背景透明度、消息淡入淡出速度以及它们在屏幕上的位置。

字幕和实时翻译

这是在使用 OBS 中的浏览器源时，您可以尝试的最有趣、最有用的应用程序之一。类似这样的服务 流翻译 允许 实时生成字幕 只需一个简单的浏览器字体，即可将您说的话翻译成其他语言。

您只需要该服务提供的 URL，OBS 就会负责在您的屏幕上显示字幕。 溪流， 无需 插件 无需额外软件。它是一款非常棒的工具。 触达国际受众.

计数器、靶子和记分牌

你想展示一个 订阅目标或计时器这里几乎什么都有对应的插件。例如，你可以添加一个显示直播时长的记分板，或者一个抽奖活动的倒计时器。网站 timer.ringomar.com 它提供了一个简单的计时器，您可以将其与自定义 URL 一起使用，这体现了该功能的灵活性。