Introduction

Welcome to the JavaScript 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

Bootstrap an ILS experience in vanilla JavaScript with role control and audience tools.

HTTP Live Streaming Quick Start

Configure VideoSDK's HLS pipeline for browser-based broadcasts that scale instantly.

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

Key Features

Stage & Layout Control

Drive dynamic layouts and backstage flows tuned for browser-based broadcasters.

Audience Moderation

Promote speakers, manage viewer modes, and keep chats orderly at scale.

Device & Screen Control

Switch cameras, microphones, and share screens with native browser APIs.

Interactive Layers

Bring chat, reactions, polls, and raise-hand experiences into your timeline.

Analytics & QoE

Monitor network health and user engagement with built-in dashboards.

Recording & Highlights

Capture live sessions, generate recaps, and automate storage policies.

Geo & Proxy Controls

Respect regional policies and enterprise network constraints effortlessly.

Relay & Multistream

Simulcast to secondary rooms or destinations with relay media workflows.

Sample Projects

JavaScript ILS Starter

Start from a ready-to-run host and viewer experience built with plain JavaScript.

JavaScript HLS Broadcast

Explore a broadcast workflow that pairs VideoSDK publishing with HLS playback.

Quick Start Paths

Install the SDK

Add the VideoSDK JavaScript packages and bootstrap your first meeting.

Configure Tokens

Provision API keys and set up a secure token service before going live.

Launch the ILS Sample

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

Broadcast with HLS

Validate large-audience playback with the HLS quick start.

Review Best Practices

Refine UX, moderation, and scalability with the recommended patterns.

Track Updates

Monitor release notes and supported browser guidance before shipping.