Introduction

Welcome to the React Interactive Live Streaming (ILS). Build real-time, low-latency experiences where hosts and audiences connect, interact, and engage seamlessly using VideoSDK.

Architecture Overview

Architecture at a Glance — Hosts join with SEND_AND_RECV permissions to broadcast and collaborate, while audiences connect with RECV_ONLY access to enjoy the stream without publishing their own media.

Streaming Modes

Interactive Live Streaming (ILS): Low-latency, two-way sessions where hosts and promoted guests publish audio/video, manage roles, and drive rich audience participation.

HTTP Live Streaming (HLS): Broadcast delivery tuned for massive audiences with receiver-only playback and CDN scaling, perfect for town halls and one-to-many events.

Interactive Live Streaming Quick Start

Stand up an ILS experience with roles, backstage, and real-time audience participation.

HTTP Live Streaming Quick Start

Launch a broadcast-grade stream that reaches large audiences via VideoSDK's HLS pipeline.

Use the guide below to explore the modular capabilities that help you design each part of this flow.

Key Features

Stage & Layout Control

Configure host staging, spotlighting, and layouts for polished productions.

Audience Moderation

Promote or demote viewers, manage modes, and keep the conversation on track.

Device Management

Allow hosts to switch cameras, microphones, and share screens seamlessly.

Interactive Tools

Enable chat, reactions, polls, and raise-hand flows to energise your stream.

Live Analytics

Track quality, engagement, and retention with real-time dashboards.

Recording & Highlights

Capture sessions, generate clips, and automate post-event distribution.

Geo & Proxy Controls

Manage geographic availability and corporate networking requirements.

Relay & Multistream

Simulcast to secondary rooms or destinations with relay media options.

Sample Projects

React ILS Starter

Clone the open-source host & audience app built with VideoSDK React hooks.

React HLS Broadcast

Kickstart a watch-party style experience powered by VideoSDK's HLS workflow.

Quick Start Paths

Install the SDK

Follow the integration guide to configure dependencies and meeting providers.

Configure Tokens

Set up a lightweight token server before moving to production.

Launch the ILS Sample

Clone the interactive sample to experience host and viewer flows end-to-end.

Broadcast with HLS

Try the HLS sample to validate large-audience streaming and fallback scenarios.

Review Best Practices

Optimize UX, scalability, and moderation using the recommended patterns.

Track Updates

Stay on top of SDK improvements with the release notes and known issues log.