a twitch overlay in vue3 with chat, alerts, mouse tracking and obs integration checkout the backend for this bot at witch-bot

when you select the starting soon scene a timer will automatically start counting down from 5 minutes

fully animated chat with automatic link shortening only showing the domain on stream

when you click on the facecam the chat will expand to show more messages

alerts for follows, subs, bits and raids with custom sounds will slide through in the bottom left corner

if you have a large monitor like a 32x9 you can split it into 4 1280x1440 sections and only show the one that your cursor is on

its expected you have the obs websockets plugin installed and running on port 4444 with password obslocal obswebsocket plugin yarn yarn dev then point the obs source to the url in the console

scene names are

[ S ] FaceCam
[ S ] Starting Soon
[ S ] PC
    Display 32x9

add the overlay as a source once to a seperate scene and then place that scene in every other scene you want to use the overlay in