Avatar
TikTok Live 弹幕 CSS —— 在 OBS 里定制的 TikTok 直播聊天覆盖

TikTok Live 弹幕 CSS —— 在 OBS 里定制 TikTok 直播聊天样式

TikTok 开直播,想在画面上放一个定制样式的弹幕覆盖?其实不用写代码,用现成主题就能在 OBS 里给 TikTok Live 弹幕上样式。这篇教你最省事的做法。

给 TikTok Live 弹幕上样式最简单的路:Social Stream Ninja

最灵活的路子是 Social Stream Ninja(SSN)。SSN 把你的 TikTok Live 聊天(以及 120+ 其他平台)聚合到一个覆盖里,你再用一份 Social Stream CSS 文件给它上样式。无论你在 TikTok、YouTube、Twitch 还是同时多开,同一份文件都能用。

在 OBS 里添加带样式的 TikTok Live 弹幕覆盖

  1. Social Stream Ninja 里连接你的 TikTok 账号,让真实消息进来。
  2. 复制右上角 Main chat overlay & control dock 的 URL(https://socialstream.ninja/dock.html?session=…)。
  3. 在 OBS 里新建 浏览器源,粘贴该 URL(设为 1920×1080)。
  4. Doodlekuma 直播弹幕样式库 下载一个 Social Stream 主题,把 CSS 粘贴到浏览器源的 自定义 CSS 框里。

带截图的完整步骤见 如何在 OBS 里用 Social Stream Ninja 弹幕 CSS

挑一个 TikTok Live 弹幕样式

Doodlekuma 直播弹幕样式库 —— 挑一个现成的弹幕主题

样式库 里每个主题都是可实时编辑的预览,导出前就能调颜色、字体和动画。几个适合 TikTok 的:

  • Pinky 粉色 —— 可爱俏皮的粉彩角色风。
  • Bubble message 气泡 —— 柔和的 LINE/Telegram 风气泡。
  • Twitter/X 风格 —— 简洁的社交卡片布局。

一个覆盖,通吃所有平台

因为你上样式的是 Social Stream 覆盖,同一份 TikTok Live 弹幕 CSS 还能覆盖:

  • YouTube LiveTwitchKick 等 120+ 平台。
  • 多平台同开 —— 把 TikTok + YouTube 的聊天合并到一个带样式的覆盖里。

常见问题

给 TikTok Live 弹幕上样式需要懂 CSS 吗?

不需要。选主题、可视化定制、下载 CSS、粘贴进 OBS 浏览器源即可,无需写代码。

只用 TikTok 能行吗?

行。在 Social Stream Ninja 里只连你的 TikTok 账号,Social Stream CSS 就会给这个聊天上样式。

能把 TikTok 和 YouTube 的聊天合并到一个覆盖吗?

能。Social Stream Ninja 会把多个平台的聊天合并,一份 Social Stream CSS 就能统一给它们上样式。

在 OBS 和 Streamlabs 里能用吗?

能。任何带浏览器源和自定义 CSS 输入框的软件都能用,包括 OBS Studio 和 Streamlabs。


想给你的 TikTok Live 弹幕换个定制样子?打开直播弹幕样式库,选个主题,几分钟就能给你的 TikTok Live 弹幕覆盖上样式。