聊天疊圖設定

產生 AliceTears 聊天疊圖的 OBS 瀏覽器來源連結,並選擇樣式

在 OBS:新增來源 → 瀏覽器 → 貼上此連結,背景為透明。

How do I show Twitch chat on my stream in OBS?

產生 OBS 用的 Twitch 聊天疊圖連結 — 選擇頻道與聊天氣泡樣式,取得一個連結直接加入 Browser Source。

Showing chat on screen lets viewers watching full-screen or catching the VOD later follow the conversation alongside the stream. This OBS chat overlay connects to your channel's live Twitch chat and renders each message as a bubble on a transparent background, so you can place it over gameplay or your camera without covering anything. Setup takes about a minute, and the link updates as you change the options, so you can copy it as soon as it looks right.

There are three settings: your Twitch channel name, one bubble style applied to every message, and the maximum number of messages on screen (1 to 50, default 12). When new messages push past that limit, the oldest ones fade out. If you leave the style on default, each chatter's name shows in their own Twitch name colour.

It's free and doesn't require an account. It works with any public Twitch channel, reads chat anonymously so there's nothing to authorize, and reconnects on its own if the connection drops. Because it's just a web page, the same link works in Streamlabs and any other software that supports a Browser Source.

使用方式

  1. Enter your Twitch channel name
  2. Choose a bubble style and the maximum number of messages
  3. Copy the generated link
  4. In OBS, go to Sources, click +, and choose Browser
  5. Paste the link into the URL field, set the width and height for your scene, and click OK

常見問題

免費嗎?+

免費,產生與使用聊天疊圖連結都不收費。

觀眾需要帳號才能看到聊天室嗎?+

不需要,疊圖顯示的是公開的 Twitch 聊天訊息,觀看不需要登入。

可以自訂聊天氣泡樣式嗎?+

可以,產生連結前可從現有的聊天皮膚中選擇樣式。

怎麼把疊圖加進 OBS?+

在 OBS 新增一個 Browser Source,把產生的連結貼進網址欄,再把寬高調整到符合你的場景大小。

之後換了聊天皮膚,疊圖會自動更新嗎?+

會的 — 疊圖即時讀取你目前裝備的皮膚,從聊天皮膚商店換新皮膚後,下一則訊息就會套用,不需要重新產生連結。

這個功能適用任何 Twitch 頻道,還是只限 AliceTears 主播?+

適用任何公開的 Twitch 頻道 — 輸入頻道名稱,疊圖就會抓取該頻道的即時聊天室。