TwitchPopups 使用教程

TwitchPopups 使用教程

TwitchPopupsDisplays text in a Twitch stream based on the chat项目地址:https://gitcode.com/gh_mirrors/tw/TwitchPopups

项目介绍

TwitchPopups 是一个开源项目，允许 Twitch 直播的 moderators 通过聊天命令在直播中显示弹出文本。该项目通过浏览器源的方式集成到 OBS 或 Streamlabs OBS 中，支持自定义配置和动画效果。

项目快速启动

安装步骤

1. 下载项目：从 GitHub 下载最新版本的 TwitchPopups 项目。

   git clone https://github.com/DaftLimmy-zz/TwitchPopups.git
   

2. 配置 OBS：
   • 打开 OBS 或 Streamlabs OBS。
   • 添加一个新的浏览器源。
   • 设置浏览器源的 URL 为 twitchpopups.htm 文件的路径。
   • 设置分辨率为 1920x1080。
   • 勾选 "Shutdown source when not visible"。

配置文件修改

1. 编辑 settings.js：

   • 打开 settings.js 文件。
   • 修改 Limmy 为你的 Twitch 用户名。

   var settings = {
       twitchUsername: "你的Twitch用户名",
       // 其他配置项...
   };
   

2. 编辑 twitchpopups.htm：

   • 打开 twitchpopups.htm 文件。
   • 在配置部分粘贴你的设置。

刷新缓存

• 如果 OBS 没有识别更新，请在浏览器源中点击 "刷新缓存 of current page" 按钮。

应用案例和最佳实践

应用案例

• 直播提醒：使用 alert 命令在直播中显示重要提醒或公告。
• 用户 spotlight：使用 spotlight [@username] 命令突出显示特定用户的聊天内容。
• 删除弹窗：使用 delete 命令删除当前显示的弹窗。

最佳实践

• 自定义动画：根据直播风格自定义弹窗动画，提升观众体验。
• 优化性能：确保浏览器源设置中勾选 "Shutdown source when not visible"，以节省资源。

典型生态项目

• OBS Studio：TwitchPopups 主要集成在 OBS Studio 中，提供强大的直播功能。
• Streamlabs OBS：同样支持 Streamlabs OBS，提供更多直播工具和插件。
• Twitch API：通过 Twitch API 获取聊天数据，实现更高级的互动功能。

通过以上步骤，你可以快速启动并使用 TwitchPopups 项目，为你的 Twitch 直播增添更多互动和视觉效果。

TwitchPopupsDisplays text in a Twitch stream based on the chat项目地址:https://gitcode.com/gh_mirrors/tw/TwitchPopups