Ad Break Widget
The Ad Break widget reveals the widgets nested inside it only while a Twitch ad break is running. It hides them again automatically when the break ends. Great for a "be right back" card, a sponsor message, or an ad countdown — or, with Invert on, for hiding something (like your webcam frame) while ads play.
How it works
- Add an Ad Break widget (Add Widget → Primitives → Ad Break).
- Nest your widgets inside it.
- They're hidden by default and fade in when an ad break starts.
- They hide automatically once the ad break's duration elapses.
- Invert flips it — show the nested widgets except during ads.
Settings
| Setting | Description |
|---|---|
| Linger after ad | Extra seconds to keep showing after the ad ends (default 0). |
| Fade duration | Fade in/out time, in milliseconds. |
| Invert | Show the nested widgets only while there is no ad break. |
| Backdrop | Optional background colour behind the nested widgets. |
Displaying the live values
Add a widget inside, then set a dynamic value (the </> toggle) — pick from the Show / Hide widget values group, or type it in.
| Variable | Description |
|---|---|
`{{subtreeContext.adBreak.durationSeconds}}` | Length of the ad break, in seconds. |
`{{subtreeContext.adBreak.endsAt}}` | When the break ends (an ISO timestamp). |
`{{subtreeContext.adBreak.active}}` | true while an ad break is running. |
tip
For a live "ads end in…" countdown, point a Text widget at `{{subtreeContext.adBreak.endsAt}}` — the overlay counts down to that time on its own.
See also
- Hype Train — the same idea for Hype Trains, with a full walkthrough of displaying values.