<h1 align="center">For streamers by a streamer</h1> <p align="center"> This program aims to improve the streaming experience. It independently hosts a chat widget that communicates with <a href="https://streamer.bot/">Streamer.Bot</a> 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 <a href="widget">widget directory</a> to see how to work with widget links and custom themes. </p> <p align="center"><b>Hey streamer! <a href="USERGUIDE.md">This user guide</a> is special for you! Don't miss it!</b></p>

🎮 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