Features

Live Chat Popout

A standalone, always-on-top chat window that aggregates messages, gifts, follows, subs, and more from all connected platforms into a single glassmorphic UI. Open it as a desktop popout or share the HTTPS link with moderators.

Overview

The Live Chat Popout was introduced in v1.2.58. It is a standalone React-rendered page served by VMSC’s overlay server. You can open it as a draggable BrowserWindow popout directly from the Dashboard, or access it from any device using its permanent HTTPS URL.

The popout shows a unified feed of chat activity across all connected platforms — TikTok, Twitch, YouTube, and Kick — in real time over WebSocket.

Opening the Popout

There are two ways to open the Live Chat Popout:

  1. Dashboard button — Click the Chat Popout button on the Dashboard. This opens a new draggable Electron BrowserWindow that floats above other windows.
  2. HTTPS URL — Every VMSC instance has a permanent URL at https://overlay-{userId}.vryionic.com/chat/{instanceId}. Open this URL on any device — a second monitor, a tablet, or a phone — to view the same live feed.
The HTTPS URL is tunneled through Cloudflare so it works outside your local network. You can share it with moderators or co-streamers and they will see the same live feed.

UI Layout

The popout uses a glassmorphic design with frosted-glass panels and subtle transparency. The layout is divided into three areas:

Header Bar

The header displays a stream timer (elapsed time since the stream started), a viewer count, and a message count. Connected platform badges appear alongside the stats.

Gradient Stat Cards

Below the header, a row of gradient-colored stat cards shows key metrics at a glance. Each card has a distinct gradient and displays a running total for the current session.

Chat Feed

The main area is a scrollable chat feed. Each message row includes:

  • A platform badge with the platform’s brand color (TikTok pink, Twitch purple, YouTube red, Kick green).
  • The username in the platform’s accent color.
  • The message text or event description (e.g., “sent Rose × 5”).
  • A timestamp.

Filter Chips

Above the chat feed, a row of filter chips lets you show or hide specific event types. Each chip has its own accent color and toggles independently:

Chip Events Shown
ChatText messages from viewers
GiftsGift sends (all platforms)
FollowsNew followers
SubsSubscriptions and resubs
LikesLike events (TikTok)
RedeemsChannel point redemptions
SharesStream shares

Filter selections are saved to the server, so they persist across page reloads and across devices using the same URL.

Auto-Scroll & Lock

By default, the chat feed auto-scrolls to the newest message. If you scroll up to read older messages, auto-scroll pauses and a “New messages” button appears at the bottom of the feed. Click it to jump back to the latest message and re-enable auto-scroll.

You can also toggle auto-scroll on or off using the lock icon in the header. When locked, the feed stays pinned to the bottom regardless of scroll position.

Sharing

Click the Share button in the header to copy the permanent HTTPS URL to your clipboard. This URL can be opened by anyone — no login required. It is ideal for:

  • Moderators who want to monitor chat on a separate device.
  • Co-streamers who need to see the unified feed without installing VMSC.
  • Embedding in a second monitor or tablet for quick reference.

Customization

Open the customization panel (gear icon) to adjust the popout’s appearance:

Option Description
Background Color Change the base color behind the glassmorphic panels.
Accent Color Change the primary accent used for highlights, badges, and active filter chips.
Zoom Slider Scale the entire UI up or down. Useful on high-DPI displays or when using the popout on a small tablet.

Minimal Mode

Toggle Minimal Mode to hide the header, stat cards, and filter chips. Only the raw chat feed remains, giving you the maximum amount of screen space for messages. This mode is ideal when the popout is displayed in a small, narrow window.

WebSocket Connection

The popout connects to VMSC’s overlay server via WebSocket. The connection includes:

  • Auto-reconnect — If the WebSocket drops (e.g., VMSC restarts), the popout automatically reconnects with exponential backoff.
  • Keep-alive — Periodic ping/pong messages prevent the connection from being dropped by proxies or firewalls.
If the popout shows a “Disconnected” banner, check that VMSC is running and that the overlay server has not been stopped in Settings > Overlay Server.