Home Projects Twitch chat custom overlay

Twitch chat custom overlay

by BlushyFace

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
– open port (the example default is 8081)

 

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

 

https://i.imgur.com/KX9E9V4.png

Notify of
guest
0 Comments
Inline Feedbacks
View all comments

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

LIVE NOW! CLICK TO VIEW.
CURRENTLY OFFLINE