/Big_Red_Button

A Big Red Button to ban users in your Twich chat

Primary LanguageHTMLGNU Affero General Public License v3.0AGPL-3.0

Big_Red_Button

You can use my hosted version here: Big-Red-Button

A Twitch tool to ban users from your chat, with automatic dedection of bad words, with a nice big red button and if you want, a fancy countdown.

Keys

<+S: Will show the settings page
<+H: Will toggle the visability of everything*

*This will terminate the backround dots, so they won´t cost you any CPU performance!

Usage

BRB Twich Settings:
Brodcast to Chat: Write that the user was baned and the reason.
Coutdown: Enable a fancy countdown after that the user will be baned.
Stream hidden mode: Toggle visability off after a bad happend.
Timeout user while ban countdown: Give the User a timeout so he can´t do anything while the countdown runs.

Twich Chat Guard:
Enable Chat: Allow the application to lisen to the chat.
Log Chat: Push every message from chat into the notification bar.
Delete messages with bad words: Delete message automaticly if contains bad word.
Auto toggle hidden mode: Toggle visability automaticly if bad word was dedected.

Setup for Streaming

For OBS you can import the browser however you like (Window Source).
You can apply a chroma key effect on color '#24282f' to use this as an "overlay".
If you use this as overlay, you should enable "Auto toggle hidden mode" and "Stream hidden mode" on!
If you dislike the automated toggle, you can ALWAYS use the H key to toggle it :D

Security

This application dosn´t store ANY of your data on the server its served by, everything runs directly in your browser :D
The Twitch login is stored in your browser session, so to log out just close the browser.

Setup for Hosting

You can run this tool on any webserver without any setup.
A very basic webserver for nodeJS is already in index.js.

Pictures

Main Page: grafik

Countdown: grafik

Credits

Twich Interface
Big Red Button
Dots
Settings CSS