【免费下载】 OBS Browser 插件下载及安装教程

2026-01-25 06:45:51作者：冯梦姬Eddie

obs-browser为OBS Studio引入了跨平台浏览器源，由CEF驱动，让网页集成到直播场景中变得轻松，充分利用现代Web API。不仅如此，它支持服务整合和界面内加载网页，在除Wayland外的所有平台提供强大功能。默认包含在官方Windows、macOS及多数Linux版本的OBS软件包里。利用JavaScript绑定，实现场景动态响应OBS变化。兼容TypeScript，通过npm/yarn即可获取类型定义，控制OBS状态从未如此简单。无需离开直播软件，即刻享受丰富网络资源带来的无限可能！

项目地址：https://gitcode.com/gh_mirrors/obs/obs-browser

1. 项目介绍

OBS Browser 是一个基于 CEF（Chromium Embedded Framework）的 OBS Studio 浏览器插件。它允许用户将基于 Web 的叠加层集成到他们的场景中，并完全访问现代 Web API。此外，OBS Browser 还支持服务集成（链接第三方服务）和浏览器停靠（将网页加载到界面本身），除了 Wayland（Linux）之外，所有支持的平台都可以使用。

2. 项目下载位置

你可以通过以下链接下载 OBS Browser 插件的源代码：

OBS Browser GitHub 仓库

3. 项目安装环境配置

在安装 OBS Browser 插件之前，你需要确保你的系统满足以下环境要求：

操作系统：Windows、macOS、Linux（不支持 Wayland）
OBS Studio：已安装并运行
开发工具：CMake、Git、C++ 编译器（如 GCC 或 MSVC）

3.1 安装依赖工具

3.1.1 Windows

安装 Git。
安装 CMake。
安装 Visual Studio（包含 C++ 编译器）。

3.1.2 macOS

安装 Homebrew。
打开终端并运行以下命令：
```
brew install git cmake
```

3.1.3 Linux

打开终端并运行以下命令：

sudo apt-get update
sudo apt-get install git cmake build-essential

3.2 配置环境

确保你已经安装了 OBS Studio，并且可以在系统中正常运行。

4. 项目安装方式

4.1 克隆项目

打开终端或命令提示符，导航到你希望存放项目的目录，然后运行以下命令：

git clone https://github.com/kc5nra/obs-browser.git
cd obs-browser

4.2 构建项目

4.2.1 Windows

打开 Visual Studio 开发者命令提示符。

导航到项目目录并运行以下命令：

mkdir build
cd build
cmake ..
cmake --build . --config Release

4.2.2 macOS 和 Linux

打开终端并导航到项目目录。
运行以下命令：
```
mkdir build
cd build
cmake ..
make
```

4.3 安装插件

构建完成后，生成的插件文件（通常是一个 .so 或 .dll 文件）将位于 build 目录中。将该文件复制到 OBS Studio 的插件目录中。

Windows：C:\Program Files\obs-studio\obs-plugins\64bit\
macOS：/Applications/OBS.app/Contents/PlugIns/
Linux：/usr/lib/obs-plugins/

5. 项目处理脚本

OBS Browser 插件提供了一些 JavaScript 绑定，允许你在网页中访问 OBS 的特定功能。以下是一个简单的示例脚本，用于获取 OBS 的当前场景：

window.obsstudio.getCurrentScene(function(scene) {
    console.log("当前场景: " + scene.name);
});

你可以在网页中使用这些脚本来动态调整 OBS 的场景或其他设置。

通过以上步骤，你应该能够成功下载、构建并安装 OBS Browser 插件。如果在安装过程中遇到任何问题，请参考项目的 GitHub 仓库中的文档或提交问题。

obs-browser