OverlayPlugin插件在OBS中的模板配置指南

前言

OverlayPlugin是一款功能强大的游戏数据叠加工具，特别适合在直播或录制游戏内容时使用。本文将详细介绍如何在OBS中配置OverlayPlugin的WebSocket服务器(WSServer)并使用各种精美模板，帮助主播和内容创作者打造专业级的游戏直播画面。

准备工作

在开始配置前，请确保已完成以下准备工作：

1. 已安装并运行ACT(Advanced Combat Tracker)
2. 已安装OverlayPlugin插件
3. 已安装OBS Studio直播软件

基础配置步骤

第一步：启用WSServer

1. 打开ACT软件
2. 导航至"插件"菜单
3. 选择"Overlay WSServer"选项
4. 保持默认设置（特别注意：初次使用时请保持SSL禁用状态）
5. 点击"启用"按钮启动WebSocket服务器

第二步：添加浏览器源到OBS

1. 打开OBS Studio
2. 在场景中添加"浏览器"源
3. 在URL栏中输入模板地址并附加WebSocket连接参数

URL格式示例：

<模板基础URL>?HOST_PORT=ws://127.0.0.1:10501/

HOST_PORT参数详解

HOST_PORT参数是连接模板与WebSocket服务器的关键，其格式会根据服务器配置而变化：

• 未启用SSL加密：

  ws://<IP地址>:<端口号>/
  

  示例：ws://127.0.0.1:10501/

• 启用SSL加密：

  wss://<IP地址>:<端口号>/
  

  示例：wss://127.0.0.1:10501/

注意：修改WSServer设置后，必须相应调整HOST_PORT参数以确保连接正常。

推荐模板介绍

OverlayPlugin社区提供了多种风格各异的模板，以下是几款广受欢迎的选择：

1. Kagerou模板

• 特点：简洁明了的战斗数据显示
• 推荐URL：https://idyllshi.re/kagerou/overlay/?HOST_PORT=ws://127.0.0.1:10501/

2. MopiMopi模板

• 特点：可爱风格，适合休闲向直播
• 使用URL：https://haeruhaeru.github.io/mopimopi/?HOST_PORT=ws://127.0.0.1:10501/

3. Ember模板

• 特点：暗色系设计，专业电竞风格
• 访问地址：https://goldenchrysus.github.io/ffxiv/ember-overlay/?HOST_PORT=ws://127.0.0.1:10501/

4. Horizoverlay模板

• 特点：水平布局，节省屏幕空间
• 配置URL：https://bsides.github.io/horizoverlay/?HOST_PORT=ws://127.0.0.1:10501/

5. Ikegami模板

• 特点：极简主义，专注核心数据
• 使用链接：https://idyllshi.re/ikegami/?HOST_PORT=ws://127.0.0.1:10501/

高级技巧

1. 自定义模板：熟悉HTML/CSS的用户可以基于现有模板进行修改，打造个性化界面
2. 多模板组合：在OBS中可同时使用多个模板，分别展示不同数据
3. 性能优化：对于配置较低的电脑，建议使用轻量级模板减少资源占用

常见问题解答

Q：模板无法显示数据怎么办？ A：请检查：

• WSServer是否已启用
• HOST_PORT参数是否正确
• 防火墙是否阻止了本地连接

Q：如何知道模板是否连接成功？ A：部分模板会有连接状态指示，也可查看ACT的日志窗口获取连接信息

Q：可以同时使用多个模板吗？ A：可以，只需在OBS中添加多个浏览器源，分别配置不同模板URL即可

结语

通过OverlayPlugin和这些精美的模板，主播可以轻松实现专业级的游戏数据展示效果。建议初学者从默认配置开始，逐步尝试不同模板，找到最适合自己直播风格的组合。随着使用经验的积累，还可以探索更高级的自定义功能，打造独一无二的直播画面。