【亲测免费】 OBS 浏览器插件下载与安装教程

1. 项目介绍

OBS 浏览器插件（OBS-Browser 是一个基于 Chromium Embedded Framework (CEF) 的 OBS Studio 插件，它为直播场景引入了一个跨平台的浏览器源。通过这个插件，你可以将交互式的网页内容融入到直播画面中，充分利用现代Web技术。此外，该插件还支持服务集成和在OBS界面内部加载网页，尽管Wayland（一种Linux窗口系统）暂时不完全支持。它作为默认组件包含在Windows、macOS的官方包中以及Ubuntu的PPA和官方Flatpak分发版。

2. 项目下载位置

项目托管在 GitHub 上，您可以直接访问以下链接进行下载：

[GitHub - OBS 浏览器插件](https://github.com/obsproject/obs-browser)

或者，在终端中使用Git克隆项目：

git clone https://github.com/obsproject/obs-browser.git

3. 项目安装环境配置

系统要求

• Windows: Windows 10 或更高版本。
• macOS: macOS 10.13 或更高版本。
• Linux: 主流发行版，推荐使用Debian或Ubuntu系列，确保系统已安装必要的编译工具。

配置环境图示例

由于文字描述无法直接提供图片，这里指导手动步骤。你需要确保安装了Git、CMake、GCC或Clang等基本构建工具。对于Linux，可以通过包管理器安装这些依赖，例如在Debian系上：

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

对于macOS，可以使用Homebrew来安装所需的工具：

brew install git cmake

4. 项目安装方式

1. 克隆仓库：首先确保已经克隆了项目到本地。

2. 进入项目目录：

   cd obs-browser
   

3. 配置构建：使用CMake创建构建目录并生成Makefile或Visual Studio项目文件。

   对于Linux或macOS：

   mkdir build && cd build
   cmake ..
   

   在Windows上，如果是使用Visual Studio，可能会需要指定generator：

   cmake -G "Visual Studio 16 2019" ..
   

4. 构建项目：

   make -j$(nproc)
   

   在Windows下，打开在CMake生成的解决方案文件，并在Visual Studio中构建项目。

5. 安装到OBS Studio：构建完成后，生成的插件通常位于build/plugins目录下。将其复制到OBS Studio的插件路径中，路径可能因操作系统和个人设置而异。例如，在Linux中可能是~/.config/obs-studio/plugins，Windows可能是%APPDATA%\obs-studio\plugins。

5. 项目处理脚本

在实际开发过程中，您可能需要频繁地构建和测试。为了简化流程，可以创建一个简单的bash或批处理脚本来自动化这一步骤。这里展示一个基础的Linux示例脚本：

#!/bin/bash
mkdir -p build
cd build
cmake ..
make -j$(nproc)
sudo cp -r plugins/* /usr/lib/obs-studio/plugins/

请注意，上述脚本中的sudo命令用于复制插件到系统目录，这可能需要管理员权限，并且在生产环境中应谨慎使用。

至此，您已经成功下载并安装了OBS浏览器插件。现在，启动OBS Studio，您可以在“来源”菜单中找到新的“浏览器源”，开始利用网页元素丰富您的直播内容。