Webcam Picture-in-Picture

Overlay your browser webcam on the selected HLS or server-managed RTMP live input while preserving your configured output and resolution settings.

Local Preview

Ready

Stream Output

Stream will appear here when live.

Configure the matching output Stream profile inSettings to derive the player URL.

How it works

  1. The Worker resolves the selected HLS source or server-managed default RTMP input profile
  2. The browser captures webcam video and uploads WebM chunks through /ingest
  3. The container scales the webcam to 25% of each output dimension and positions it in the top-right corner
  4. ffmpeg composites both inputs and encodes the result as H.264
  5. RTMP output preserves the background stream audio; browser preview remains video-only