✦ Stream Overlays ✦
Transparent browser-source overlays for any streaming software. Customize each widget below, then copy its URL into a browser source.
Widgets
Infinite marquee through all gifts in
assets/live_ranking_gifts/.
Width auto-sizes items to the window, or pin an exact count.
Customize
Counts down to the next KST bonus window (10:00–12:00 & 22:00–24:00). During bonus time the label glows and shows remaining time.
Customize
Shows bonus windows (10:00–12:00 & 22:00–24:00 KST) rotating through timezones with a cherry pulse. Toggle which timezones appear.
Customize
How to use
In your streaming software, add a Browser Source. Paste the copied widget URL into the URL field. Set width & height to match your scene layout, and enable Allow transparency so the widget overlays cleanly.
The Copy URL buttons auto-detect the current
page origin — so if you access this index via a CNAME like
widgets.yourstream.com, all copied URLs will already
point to your domain. No manual editing needed.
Bonus time runs every day 10:00–12:00 KST and 22:00–24:00 KST. KST is UTC+9.
US timezone conversions account for DST automatically. A small
-1d badge appears when the converted window falls on
the prior calendar day.
Gift images live in assets/live_ranking_gifts/.
To add or remove gifts, edit the GIFTS array near
the top of gift-scroller.html.
The folder must sit next to the HTML file.
All widgets use background: transparent.
In your streaming software's browser source settings, enable
Allow transparency (or equivalent). No custom CSS needed.
You can also append any params manually to a URL for fine-tuning:
gift-scroller.html?maxVisible=4&speed=60bonus-countdown.html?mode=activebonus-times.html?timezones=KST,EST&interval=4000