daily-examples/custom
Harshith Pabbati 3e1b2638fb
Merge pull request #78 from daily-demos/use-live-streaming
use useLiveStreaming hook - Daily react hooks
2022-04-12 12:00:49 +05:30
..
active-speaker Add active-speaker demo image for readme 2022-01-10 16:10:24 +05:30
basic-call Merge pull request #78 from daily-demos/use-live-streaming 2022-04-12 12:00:49 +05:30
fitness-demo Merge pull request #78 from daily-demos/use-live-streaming 2022-04-12 12:00:49 +05:30
flying-emojis Added separate handler for remote vs. local emojis 2021-11-16 14:26:40 -08:00
live-streaming address suggestions 2022-04-08 13:15:25 +05:30
live-transcription Add link and gif to readme 2021-10-19 18:36:57 -04:00
pagination fixed pagination demo 2021-10-12 16:52:16 +01:00
recording Removed extra callObject check from startRecordingWithCountdown 2021-12-15 13:07:40 -08:00
shared Merge pull request #78 from daily-demos/use-live-streaming 2022-04-12 12:00:49 +05:30
text-chat Merge pull request #61 from daily-demos/fitness-demo 2022-03-07 09:23:27 -05:00
.gitignore renamed daily-js to custom 2021-09-23 17:22:47 +01:00
README.md Add link to live-transcription demo 2021-11-11 16:49:33 -05:00

README.md

Custom Examples (Daily JS)

🤙 Basic call

The basic call demo (derived from our prebuilt UI codebase) demonstrates how to create a video and audio call using Call Object mode.

💬 Text chat

Send messages to other participants using sendAppMessage

📺 Live streaming

Broadcast call to a custom RTMP endpoint using a variety of different layout modes

📺 Live transcription

Transcribe audio from call participants and view transcript alongside video

⏺️ Recording

Record a call video and audio using both cloud and local modes

🔥 Flying emojis

Send emoji reactions to all clients using sendAppMessage

📃 Pagination

Demonstrates using manual track management to support larger call sizes


Getting started

We recommend starting with the basic call example, showcasing the common flow of a call Daily call, device management and error handling.

Run an examples with yarn workspace @custom/[demo-name] dev (replacing [demo-name] with the name of the demo you'd like to run e.g. basic-call.

  • Please ensure your Daily rooms are setup to use web sockets
  • Follow the instructions within each demo first, making sure to set all the necassary local environment variables etc
  • Examples are served using nextjs

Shared code

These examples re-use some common components, contexts, hooks and libraries. These can be found in the shared folder.

Deploy your own on Vercel

Deploy with Vercel