For streamers by a streamer

This program aims to improve the streaming experience. It independently hosts a chat widget that communicates with Streamer.Bot via its websocket API. All you have to do to see your chat in OBS is copy the link and paste it as a browser source in your scene. Navigate to the widget directory to see how to work with widget links and custom themes.

Hey streamer! This user guide is special for you! Don't miss it!

🎮 Game mode

ZiegmaChat has an extremely useful feature for streamers with only one screen. In this mode, a second program window is launched, which can be freely placed anywhere on the screen. After customizing its size and position, you can use a special switch to turn it into a gaming overlay.

Note

There are games that force themselves to always be on top of everything. It is recommended to play them in windowed mode to see the overlay.

👍 Credits

Thanks to BlackyWhoElse for the chat widget that was modified for correct usage in this project.
His themes are fully compatible. You can get them here.

🌐 Developing and building from source

Clone the project

git clone https://github.com/TrueZiegmaster/ZiegmaChat  

cd ./ZiegmaChat

Install dependencies

npm install

Test the application

npm start

Install libraries if npm start fails

apt install libnss3-dev libgdk-pixbuf2.0-dev libgtk-3-dev libxss-dev

Building the application

npm run build-windows

npm run build-all

Use electron-packager manually if you need other options.

electron-packager --help

Install electron-packager if missing

npm install -g electron-packager --save-dev