daily-examples/custom/live-streaming
harshithpabbati ab0b1c172d fixes the import issue with the well component
- this is causing the error screen when live-streaming fails
2022-01-28 15:03:08 +05:30
..
components fixes the import issue with the well component 2022-01-28 15:03:08 +05:30
contexts initial commit 2021-10-05 11:26:38 +03:00
pages fixed live-streaming symlink and README link to ParticipantsProvider 2021-10-05 11:44:27 +03:00
public/assets initial commit 2021-10-05 11:26:38 +03:00
.babelrc initial commit 2021-10-05 11:26:38 +03:00
README.md initial commit 2021-10-05 11:26:38 +03:00
env.example initial commit 2021-10-05 11:26:38 +03:00
image.png initial commit 2021-10-05 11:26:38 +03:00
index.js initial commit 2021-10-05 11:26:38 +03:00
next.config.js initial commit 2021-10-05 11:26:38 +03:00
package.json initial commit 2021-10-05 11:26:38 +03:00

README.md

Live Streaming

Live Streaming

Live example

See it in action here ➡️


What does this demo do?

  • Use startLiveStreaming to send video and audio to specified RTMP endpoint
  • Listen for stream started / stopped / error events
  • Allows call owner to specify stream layout (grid, single participant or active speaker) and maximum cams
  • Extends the basic call demo with a live streaming provider, tray button and modal
  • Show a notification bubble at the top of the screen when live streaming is in progress

Please note: this demo is not currently mobile optimised

Getting started

# set both DAILY_API_KEY and DAILY_DOMAIN
mv env.example .env.local

yarn
yarn workspace @custom/live-streaming dev

How does this example work?

In this example we extend the basic call demo with live streaming functionality.

We pass a custom tray object, a custom app object (wrapping the original in a new LiveStreamingProvider) and a custom modal. We also symlink both the public and pages/api folders from the basic call.

Single live streaming is only available to call owners, you must create a token when joining the call (for simplicity, we have disabled the abiltiy to join the call as a guest.)

Deploy your own on Vercel

Deploy with Vercel