January 2023 Creator / Frontend Developer

MultiStreamers

A browser-based multi-stream viewer for watching Twitch and YouTube livestreams together, with URL-driven stream lists, chat tabs, and automatic 16:9 layout optimization.

JavaScriptjQueryjQuery UIFirebase HostingTwitch Embed APIYouTube Embed API
Live Site Source Code Example Stream
MultiStreamers brand artwork showing a grid of livestream tiles.

MultiStreamers is a focused web app for people who want to watch multiple livestreams at once. Users can build a shared URL out of Twitch channel names and YouTube livestream IDs, then open a single page that embeds every stream together.

The project came from a practical gap: MultiTwitch-style viewing was useful, but it did not cover the Twitch plus YouTube workflow I wanted. MultiStreamers keeps the interface lightweight and lets the URL itself become the shareable state.

What it does

  • Embeds any number of Twitch and YouTube livestreams on one page.
  • Optimizes the stream grid to maximize 16:9 video size as streams are added, removed, or resized.
  • Includes a chat panel with per-stream tabs and mobile behavior that can hide chat when screen space is tight.
  • Lets users change streams through the UI or by editing the URL directly.
URL examples
https://multistreamers.com/skeegan123/
https://multistreamers.com/@LofiGirl=jfKfPfyJRdk

Challenges

  • Keeping embedded video and chat panes usable while the number of streams changes dynamically.
  • Supporting both Twitch channel embeds and YouTube livestream embeds with a compact URL format.
  • Maximizing visible video area while preserving 16:9 aspect ratios across different browser sizes.

What I Learned

  • URL-driven state is powerful for small tools because it makes sharing and restoring sessions almost free.
  • Simple layout math can create a much better experience than a fixed grid when media count changes often.