Start WebSocket Server
Add Browser Source in OBS
In OBS create a new Browser Source. Paste the URL. Prefer setting Width and Height to your OBS canvas size.
Done!
And you are done!
Copy what you need to get started. Follow the setup guide below for detailed instructions.
Add this as a browser source to OBS.
In OBS create a new Browser Source. Paste the URL. Prefer setting Width and Height to your OBS canvas size.
And you are done!
You can add URL Parameters at the end of the browser source
URL to customize the overlay. The first parameter starts with
?, and additional parameters are joined
with &.
https://tawmae.xyz/overlays/hot-words?font=Comic+Sans+MS&color=pink ?excludedUsers Exclude chat messages of specified users. Separate accounts with a + character. This is useful to filter out bot accounts like StreamElements, Nightbot, or your own bot.
https://tawmae.xyz/overlays/hot-words?excludedUsers=nightbothttps://tawmae.xyz/overlays/hot-words?excludedUsers=streamelements+sery_bot ?singleUserVote Only count the first message of each user. This helps if you want to treat Hot Words like a quick poll where everyone has exactly one vote.
https://tawmae.xyz/overlays/hot-words?singleUserVote=true ?top Changes how many entries are shown in the leaderboard. Leaving it empty defaults to 5.
https://tawmae.xyz/overlays/hot-words?top=10 ?font Changes the font used for the text. Supports standard fonts. Use a + character to replace spaces.
https://tawmae.xyz/overlays/hot-words?font=Arialhttps://tawmae.xyz/overlays/hot-words?font=Comic+Sans+MS ?fontSize Changes the font size and scales all other elements accordingly. The default is 24.
https://tawmae.xyz/overlays/hot-words?fontSize=20