steveseguin/social_stream

Social Stream

一个轻量级 JavaScript 库，让直播者把 Twitch、YouTube、B站等平台的聊天、打赏、弹幕汇聚到一个自定义的界面上，告别来回切换窗口的混乱。

1. 主题

统一信息流——将分散在各平台的实时互动事件收拢，让你在自己的网页或 OBS 里看到聚合后的聊天流，不再需要盯着多个浏览器标签页。

2. 核心分点总结

• 跨平台聚合（核心能力） 同时监听 Twitch、YouTube、Facebook、Bilibili 等多个平台的聊天、打赏、订阅事件，将它们转换成统一的 JSON 事件流。

• 极简集成（上手门槛） 只需几十行 JavaScript 代码就能把聚合流嵌入到任何网页或 OBS 浏览器源，自带可选的可视化组件，无需从头造 UI。

• 事件驱动架构（灵活扩展） 所有互动以事件总线方式分发，开发者可以轻松编写自定义处理器，接入过滤、高亮、语音播报、积分规则等创意玩法。

• 自带可视化界面（开箱即用） 提供可定制的聊天叠加层、滚动弹幕、打赏动画等前端组件，直接塞进直播间就能用，降低美术门槛。

• 轻量无依赖（运行环境） 纯 JavaScript 实现，无外部框架依赖，打包后体积小，可直接在前端或 Node.js 环境中运行。

3. 行动指南

1. 如果你的直播涉及多平台分发：用 Social Stream 在 OBS 浏览器源里叠加一个统一的聊天窗口，把所有平台评论和打赏都展示给观众看，增强互动氛围。
2. 如果你想给现有直播间加点花样：通过事件 API 监听打赏和评论事件，快速实现弹幕机器人、积分排行、自动感谢打赏等自定义功能。
3. 本地快速上手：克隆仓库，用 npm install && npm start 启动本地演示，打开 examples/ 目录下的 HTML 文件，替换为自己的平台凭证，几分钟就能看到聊天流效果。

4. 金句总述

把五个平台的喧闹统一成一条河流，你只需坐在它的岸边。

5. 故事性收尾

从前，你开直播时要在 Twitch、B站、QQ 群里来回切换窗口，错过了观众的提问，错过了那份打赏的感激。现在，所有的消息涌进同一个面板，你看见一条弹幕从东京飘来，一句英语订阅提示在右下角亮起，而你只需要对镜头微笑，不再焦头烂额。Social Stream 把零散变成了整体，让每一次互动都成为自然的延伸，而非技术负担。