RedstoneLP2/Twitch_Overlay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
35 commits 1 branch 0 tags 167 KiB
  • JavaScript 61.3%
  • Python 29.1%
  • CSS 6.5%
  • HTML 3.1%
Find a file
Exact
RedstoneLP2 3376de7224 more fixes n stuff
2026-03-27 04:04:34 +01:00
css something with images i guess? 2025-11-23 21:30:24 +01:00
js more fixes n stuff 2026-03-27 04:04:34 +01:00
json update example_config 2026-03-27 02:56:21 +01:00
.gitignore added pem files to gitignore 2026-03-27 01:12:06 +01:00
auth.html initial commit 2025-09-27 03:51:51 +02:00
index.html make timestamp relative 2025-10-02 01:41:37 +02:00
readme.md update readme 2025-09-30 19:39:18 +02:00
start_server.py updating start_server.py 2025-09-27 21:57:52 +02:00

readme.md

Twitch Overlay

This project is a custom Twitch overlay designed to display chat messages and alerts in real time. It connects to the Twitch EventSub WebSocket API (or a local proxy) to receive events such as chat messages, follows, subscriptions, raids, and more.

Features

  • Real-time Chat Display: Shows incoming chat messages with sender, message, and timestamp.
  • Alerts: Displays alerts for follows, subscriptions, raids, and other Twitch events.

Structure

  • index.html — Main overlay page.
  • auth.html — Twitch OAuth authentication page.

Usage

  1. Place your Twitch API credentials in json/config.json.
  2. Configure a webserver to point at the root of the project.
  3. Run the webserver.
  4. Open auth.html in a browser and authenticate with Twitch.
  5. Copy the User auth token into json/config.json.
  6. Open index.html in an OBS browser source to use the overlay.

Notes

  • This overlay is intended for personal use only.
  • Currently json/config.json is served by the webserver.
  • Do not share your config.json publicly.

TODO

  • (Optional) "Emote Explosion"