Twitch chat custom overlay

Description
A custom Twitch chat overlay that can be run locally / added as a browser source for example (SL)OBS.

Features
– shows user badges / emotes / cheermotes (cheermotes are animated by default)
– merge various chat channels into the chat overlay
– show channel name before user name
– translate twitch chat messages to uwu (twanswate twitch chat messages to uwu)
– join chat channels anonymously
– can be customized by editing the html/css files

Customize the chat overlay
To customize the chat overlay you can edit the html/css files in wwwroot, for example to add a font named “Lemon Milk” download it at www.dafont.com/lemon-milk.font, place the contents into the \fonts folder and it to the css file like this:

@font-face {
    font-family: "Lemonmilk";
    src: url("../fonts/lemon_milk/LEMONMILK-Regular.otf") format("opentype");
}

Requirements
– .NET Core 3.x
– 100MB disk space (self contained version)
– open port (the example default is 8081, can be changed in \Config\settings.json)

Download
blog.blushyface.com/download/twitch-chat-custom-overlay/

Screenshots

Twitch chat messages to Uwu

Show joined channel names for a merged chat

Cheermote (+amount) when cheering with bits