Lecter's DOG
Discord Overlay Generator

This utility generates cascading style sheet (CSS) code that significantly expands the possibilities of representing a list of voice channel users. CSS-code can be used to embed Xsplit Broadcaster and OBS programs into the browser source.

Lecter`s DOG dead in the 18 December 2022

Since December, 18, 2022 Discord StreamKit has changed their HTML code.
I don't know how to get userID from it.
Thanks to everyone who used this software. See you soon!

You can use the working alternative developed by Fugi is Reactive

Step 0.
Prepare the link

  1. Visit https://streamkit.discord.com/overlay and click on the Install on … button depending on your program. Streamers usually use OBS as their main program.
  2. In the next window select Voice Widget and set the required parameters (Server and Voice channel).
  3. Below the preview window is the actual link for pasting into the browser source window. Copy and Save it!

Step 1.
Fill this form

or select another mode:

%
HTML Scheme (expandable) ↓
HTML layout of StreamKit page
<body> rules
<div id="app-mount"> rules
<div> rules (after "app-mount" element)
<div class="voice-container"> rules
<ul class="voice-states"> rules
<li class="voice-state"> rules
<img class="avatar"> rules
<img class="avatar speaking"> rules
<div class="user"> rules
<span class="name"> rules
Additional CSS code

Step 2.
Copy & Paste

Preview
approx.

Properties: 'Your CLR Browser'