Skip to main content

Recipes

This page is the task-oriented implementation map for beginner and intermediate MediaSFU teams.

Available recipes now​

  1. Secure backend proxy
  2. Tutorial - WhatsApp-style call screen
  3. Tutorial - Twitch-style host dashboard
  4. Tutorial - TikTok Live guest queue
  5. Tutorial - Support or AI agent console
  6. Media lifecycle

Recipe chooser by product goal​

If you want to build...Start withThen continue with
First production-safe room flowSecure backend proxyBuild style guide
WhatsApp-like compact callTutorial - WhatsApp-style call screenUI overrides
Twitch-like host dashboardTutorial - Twitch-style host dashboardCustom component replacement
TikTok-style host and guest queueTutorial - TikTok Live guest queueMedia lifecycle
Support or AI operator consoleTutorial - Support or AI agent consoleHeadless mode

Suggested sequence for ordinary teams​

  1. Beginner paths
  2. Secure backend proxy
  3. One starter tutorial that matches your product shape
  4. Media lifecycle
  5. Deeper customization path from Build style guide

Upcoming recipe areas​

  1. Translation lifecycle setup and fallback behavior
  2. Recording lifecycle recipe with recovery and retries
  3. Requests and permissions with panelist workflow wiring
  4. Whiteboard and screenboard synchronization
  5. Direct Storybook links from visual UI examples where they improve the implementation flow

Current best references​