History

Jon 0d27fa4b2d initial commit		2021-07-14 17:39:02 +01:00
..
components	initial commit	2021-07-14 17:39:02 +01:00
contexts	initial commit	2021-07-14 17:39:02 +01:00
pages	initial commit	2021-07-14 17:39:02 +01:00
.babelrc	initial commit	2021-07-14 17:39:02 +01:00
README.md	initial commit	2021-07-14 17:39:02 +01:00
env.example	initial commit	2021-07-14 17:39:02 +01:00
image.png	initial commit	2021-07-14 17:39:02 +01:00
next.config.js	initial commit	2021-07-14 17:39:02 +01:00
package.json	initial commit	2021-07-14 17:39:02 +01:00
public	initial commit	2021-07-14 17:39:02 +01:00

README.md

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 @dailyjs/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.)