Skip to main content
KommtKevinOnline integrates deeply with Twitch to provide a seamless viewing experience. The app uses official Twitch APIs and embed technology to bring live streams and VODs directly to your browser.

VOD player

The VOD (Video on Demand) player displays recent stream recordings when Kevin is offline. This allows you to catch up on content you missed or review what Kevin said about his next stream.

Interactive VOD playback

The Twitch VOD player is fully interactive with standard video controls:
  • Play, pause, and seek through the video
  • Adjust volume and playback speed
  • Full-screen viewing mode
  • Automatic playback from the end of the stream

Synchronized subtitles

The VOD player includes a unique feature: AI-generated subtitles synchronized with the video. As the VOD plays, you can see exactly what Kevin said at each moment, thanks to the Whisper transcription system.
  • Subtitles update in real-time as the video plays
  • Click on subtitle text to jump to that moment in the video
  • Search through the transcript to find specific topics

Live stream embed

When Kevin goes live, KommtKevinOnline automatically displays a live stream embed. This is a full Twitch player embedded directly in the page.

Live viewing features

Watch the stream without leaving KommtKevinOnline:
  • Full HD video quality (up to 1080p)
  • Live chat interaction
  • Theater mode and full-screen options
  • Direct link to open the stream on Twitch.tv
The embed uses Twitch’s official embed technology, ensuring you get the same high-quality experience as watching on Twitch directly.

7TV emote support

KommtKevinOnline integrates with 7TV, a popular third-party emote service for Twitch. This brings Kevin’s custom emotes directly into the interface.

Enhanced emote display

7TV emotes appear throughout the site:
  • Homepage - Custom emotes in headers and messages
  • Late stream warnings - Humorous emotes when Kevin is late
  • High-quality rendering - Emotes load in 4x resolution for crisp display

How it works

The app fetches emotes from 7TV’s CDN using emote IDs:
https://cdn.7tv.app/emote/{emoteId}/4x.webp
This ensures emotes are always up-to-date and load quickly from 7TV’s global content delivery network.

Twitch API integration

Behind the scenes, KommtKevinOnline uses the official Twitch API to:
  1. Check stream status - Real-time queries to see if Kevin is live
  2. Fetch stream metadata - Title, game, viewer count, and thumbnail
  3. Load VOD data - Access to stream recordings and metadata
  4. Authenticate requests - Secure OAuth token management
All API calls are made server-side to protect credentials and ensure reliability.
The Twitch integration is fully compliant with Twitch’s API terms of service and uses official embed technology for the best viewing experience.

Build docs developers (and LLMs) love