Interactive Live Streaming (aka ILS) Demo with Daily
Daily Interactive Live Streaming (ILS) is the next generation of large video experiences. Host real-time streams with up to 100,000 viewers and 25 speakers interacting at under 200ms latency. Build better webinars, live classes, creator streams, live commerce, town halls and any large experience.
This demo features a NextJS + Typescript implementation that showcases Daily's ILS and includes support for:
- 'Bring-to-stage' role promotion flow from viewer to speaker
- Two-way chat support between viewers and speakers
- Support for reactions, polls, and recording
We are creating the room via Daily's REST API, we need Daily's API Key to process this request, you can get the API Request from the Daily Dashboard.
Replace $TOKEN with API token
curl -H "Content-Type: application/json" \
-H "Authorization: Bearer $TOKEN" \
-XPOST -d \
'{"properties":{"permissions": { "canSend": false, "hasPresence": false }}}' \
https://api.daily.co/v1/rooms/
yarn install
# Enable husky
yarn husky install
You'll find DAILY_API_KEY in your Daily dashboard. NEXT_PUBLIC_DAILY_DOMAIN is the subdomain for your account; for example, [YOUR_DOMAIN].daily.co. NEXT_PUBLIC_DAILY_ROOM should be the room you've created, either via the REST API or through your Daily dashboard.
# set DAILY_API_KEY, NEXT_PUBLIC_DAILY_DOMAIN & NEXT_PUBLIC_DAILY_ROOM
cp env.example .env.local
yarn dev
Demo should be live at - http://localhost:3000