daily-examples/custom
harshithpabbati ea458c03eb address suggestions 2022-02-08 17:36:48 +05:30
..
active-speaker Add active-speaker demo image for readme 2022-01-10 16:10:24 +05:30
basic-call Get hooks into parity with the current version of prebuilt 2022-01-17 20:57:29 +05:30
fitness-demo address suggestions 2022-02-08 17:36:48 +05:30
flying-emojis Added separate handler for remote vs. local emojis 2021-11-16 14:26:40 -08:00
live-streaming import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +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 address suggestions 2022-02-08 17:36:48 +05:30
text-chat import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +05:30
.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