BROWSER SOURCE Includes an overlay browser source for your streaming platform, like OBS Studio. TWITCH Supports twitch messages & events. YOUTUBE Supports youtube messages & events.

VERTICAL CHAT

4.5(2)

A vertical Twitch & YouTube chat overlay, powered by Streamer.bot. Customizable, supports pronouns, profile pictures and Twitch events.

Vertical Chat preview

Quick Access

Copy what you need to get started. Follow the setup guide below for detailed instructions.

Browser Source URL

Add this as a browser source to OBS.
https://tawmae.xyz/overlays/vertical-chat

Setup Guide
1

Start WebSocket Server

Go to the tab Servers/Clients → WebSocket Server. Enable Auto Start WebSocket Server. Address 127.0.0.1. Port 8080. Optional password. Leave Enforce All Requests unchecked. Start the server.

Start WebSocket Server
2

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

Copy Browser Source URL
3

Add Browser Source in OBS

In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and set the Width and Height to your preferred vertical size.

If you want to have the browser source in multiple scenes, don't create a second browser source. Instead, use nested scenes or source clones.
Add Browser Source in OBS
4

Done!

And you are done.

Customization

You can use the Settings Builder to configure everything visually and then paste the generated URL into your OBS Browser Source.

Changelog

v1.1.0 latest

  • New: Added YouTube support

User Reviews

4.5 (2 reviews)

Reviews

Great as well as all other Solutions. Only I miss in these Vertical Chat the Option to setup how many Lines will show and how many characters will be shown in one line. But overall, it´s a very, very good Solution. Thank´s