Add the Scrolling banner widget to OBS
On a computer, open the Twools editor, add the Banner widget and pick one of the seven layouts.
In "Messages", check that "Several messages" is on, write them and drag them into order. The speed is set under the layouts.
Click "Overlay link", copy your link and paste it into a Browser Source in your streaming software, sized to your canvas.
On your phone, open the Control Room: the Banner card adds a one-line message, removes one and switches between Slow, Normal and Fast.
Features
- Seven layouts, including scrolling, vertical credits, an LED sign and a static bar
- Adjustable scroll speed and direction
- Messages added or removed and speed changed from the Control Room
- Periodic reminder: the banner shows for a few seconds at a regular interval
- Text and background colour for each message, one shared separator
The settings
| Setting | What it changes |
|---|---|
| Layout | Seven designs: Scrolling, Static bar, Title and scroll, Credits, Alternating, Label and LED sign. |
| Several messages | On, a list of messages to drag into order, emoji included. Off, a single "Displayed text". |
| Scroll speed and direction | From 20 to 400 pixels per second, the same whatever the number of messages; right to left or the reverse, upward or downward with Credits. |
| Pause on each message | On horizontal tracks, the message stops in the centre for up to 5 seconds, then the track moves on. No effect in reverse. |
| Seconds per message | With Alternating, each message stays for 3 to 15 seconds, with a slide up, a fade or no effect between them. |
| Separator between messages | One sign shared by all messages: a vertical bar, a bullet, an arrow, a middle dot, a dash, a slash, or up to three characters of your own. Only with Scrolling, Static bar, Title and scroll, Label and LED sign. |
| Message colours | In each message's options, its own text and background colour; "Back to the widget's colors" removes them. |
| Periodic reminder | The banner shows for a few seconds at a regular interval: every 1 to 30 minutes, for 3 to 30 seconds. |
From the Control Room
On your phone, the Banner card shows a preview of the messages on air: one line that scrolls at the real speed, or stays still with Static bar and Alternating. You add a one-line message with Enter and remove one from its chip; in single-text mode, the card replaces the text. Three buttons, Slow, Normal and Fast, set the speed; with Alternating, they set the time spent on each message, and Static bar has none. With the periodic reminder on, the card tells you when the next showing comes and "Show now" plays one. The eye shows or hides the widget. Editing an existing message, changing their order or their colours happens in the editor.
Ways to use it
Your links along the bottom
The Scrolling layout along the bottom of the screen, with your Discord, your shop and your next stream, separated by a dot. One more message is added in one line from the Control Room, without leaving the game.
A reminder that comes back
The periodic reminder shows the banner for a few seconds, every ten minutes for example, then hides it. "Show now", in the Control Room, plays an extra showing.
End credits
The Credits layout moves your messages up a column, like the end of a film: thanks, moderators, next date. "Director · Kaz" reads as the role above, the name below.
Compared with the most common method
The OBS scroll filter on a Text source
| Aspect | With Twools | The other method |
|---|---|---|
| Setup | A widget in the editor, an overlay link in a Browser Source. | A Text source, then the scroll filter added on it. |
| Several messages | A list of messages, with a shared separator and colours for each one. | One text per source: messages are written end to end. |
| Control during the stream | From the Control Room: add or remove a message, change the speed. | In the source and filter properties, on the streaming PC. |
| Layouts | Seven, including vertical credits, an LED sign, one message at a time and a static bar. | The source's horizontal or vertical scrolling, at the speed you set. |
| Showing at intervals | The periodic reminder, every 1 to 30 minutes. | Hidden and shown by hand, or with a plugin. |
| Requirements | A Twools account, and streaming software that accepts a browser source (OBS, for example). | OBS only: the filter is built in. |
When the other method makes sense
For a single sentence that scrolls and never changes, the OBS scroll filter is enough: nothing to install, no account. The Banner becomes useful when you have several messages, want to add one during the stream from your phone or bring it back at regular intervals.
Scrolling banner: frequently asked questions
How do I add scrolling text to OBS?
Add the Banner widget to your overlay, write your messages, then paste your overlay link into an OBS browser source. The text scrolls with the rest of your overlay.
Can I change the banner messages during the stream?
Partly. From the Control Room you add a one-line message or remove one, and the banner follows without reloading the source. To fix the text of an existing message or change their order, use the editor.
Can the banner show up only from time to time?
Yes. The periodic reminder shows the banner for a few seconds, then hides it until the next showing: every 1 to 30 minutes, for 3 to 30 seconds. In the Control Room, "Show now" plays an extra showing.
Can I show one message at a time, without scrolling?
Yes, with the Alternating layout: each message stays on screen for 3 to 15 seconds, then makes way for the next. The Static bar shows up to three messages at once, without scrolling.
Can text scroll upward, like end credits?
Yes. The Credits layout moves messages up a centred column, as a rail on the edge of the screen; a message such as "Director · Kaz" reads as the role above, the name below. The direction can also be set downward.
How do I set the speed of scrolling text?
In the editor, the scroll speed goes from 20 to 400 pixels per second, the same whatever the number of messages, with the direction next to it. During the stream, three Control Room buttons, Slow, Normal and Fast, change it.
Do I need the OBS scroll filter for a scrolling ticker?
No. The Banner scrolls on its own in a browser source, through your overlay link. The OBS scroll filter moves a Text source at the speed you choose; the Banner adds several messages, the periodic reminder and control from the Control Room.