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/steam-welcome?font=Comic+Sans+MS&color=pink ?excludedAccounts The widget comes with a Steam Achievement sound effect by default. If you want to turn it off, enable <ht>Control via OBS audio</ht> in the Browser Source settings and mute it. You can also use URL parameters to control which users get welcomed.
https://tawmae.xyz/overlays/steam-welcome?excludedAccounts=nightbothttps://tawmae.xyz/overlays/steam-welcome?excludedAccounts=tawmaebot+nightbot+streamelements+sery_bot