Skip to content

lebgdu543/lebgdu543.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kick Stream Wait Screen

Premium stream wait screen with audio visualizer, countdown timer, and Kick branding.


QUICK START

Standalone (Browser / OBS)

  1. Open index.html in any modern browser (Chrome/Edge recommended)
  2. Allow microphone/audio permissions for the visualizer
  3. Add as Browser Source in OBS (set width/height to your stream resolution)

Lively Wallpaper

  1. Open Lively Wallpaper
  2. Drag the entire KickWaitScreen_v1.0/ folder into Lively
  3. It auto-detects LivelyInfo.json → appears as "Kick Stream Wait Screen"
  4. Set as wallpaper → configure via Lively's properties panel (right-click → Customize)

HOTKEYS

Shortcut Action
Ctrl + T Toggle countdown timer on/off
Ctrl + P Toggle control panel open/close
Mouse → bottom-right corner Auto-reveal controls

CONTROL PANEL

Move your mouse to the bottom-right corner of the screen to reveal the control panel. It auto-hides after 6 seconds.

Status Message — Choose from presets or type a custom message (max 40 chars)
Countdown Timer — Toggle on/off; pick 5/10/15/30 min presets or type MM:SS
Visualizer — Choose style (Neon Ring / Decibel Pulse / Kick Classic) and sensitivity
Enable Audio — Click to grant microphone access for real audio reactivity


VISUALIZER AUDIO

The visualizer runs in demo mode (synthetic animation) by default.

To enable real audio reactivity:

  1. Open the control panel
  2. Click "Allow" next to "Enable Audio"
  3. Grant browser/system permission to use the microphone

Note for Lively Wallpaper users: Lively runs the wallpaper in a sandboxed WebView. Audio capture via getUserMedia requires enabling the mic permission in Windows Settings → Privacy → Microphone for the Lively app.


CUSTOMIZATION

Edit config.json to change defaults:

  • statusText — default message on load
  • timerSecs — default timer duration in seconds
  • primaryColor — hex code for the main crimson accent
  • vizStyle"neon-ring" | "decibel-pulse" | "kick-classic"

FILE STRUCTURE

KickWaitScreen_v1.0/
├── index.html              ← Main application (open this)
├── LivelyInfo.json         ← Lively Wallpaper metadata
├── LivelyProperties.json   ← Lively settings panel config
├── config.json             ← Default user settings
└── README.md               ← This file

LIVELY PROPERTIES (Settings Panel)

When used as a Lively wallpaper, the following properties appear in the properties panel:

Property Type Description
Status Message Dropdown Pick from 6 presets
Custom Message Text Override preset with custom text
Enable Countdown Toggle Show/hide timer ring
Timer Duration Dropdown 5/10/15/30 min presets
Custom Timer (secs) Slider 60–3600 seconds
Visualizer Style Dropdown Neon Ring / Decibel Pulse / Classic
Sensitivity Slider 10–200
Overlay Opacity Slider Background vignette intensity

Built for Kick streamers. Red is power, not error.

About

explore the interactive back view

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages