daily-examples/dailyjs

Daily JS Examples

Run an examples via yarn workspace @dailyjs/basic-call dev (replacing basic-call with the name of the demo) from the project root

Note: please ensure your rooms are setup to use web sockets

Note: examples are served using nextjs

---

Getting started

// run locally, from project root
yarn
yarn workspace @dailyjs/[example-to-run] dev

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

Shared code

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

---

Examples

🤙 Basic call

Simple call demo derived from our prebuilt UI codebase

---

Coming soon

🔌 Device management

Manage media device, handle errors and set initial device mute state

🧑‍🤝‍🧑 1-to-1 calls

Simple p2p (single partcipant) call demo

🎚️ Audio gain monitor

Use AudioContext to create a audio gain meter

👱 Hair check

Check your audio and video before joining a call

🚪 Knock for access

Pre-authenticate and request access before joining a call. For owners, approve / deny requests

✋ Raise your hand

Use sendAppMessage to raise your hand to speak (stateless)

🔥 Reactions

Use sendAppMessage to send emoji reactions during a call

💬 Text Chat

Create a fully featured text chat (stateless)

⏭️ Pagination

Optimise call performance by paginating (and pausing / resuming tracks)

💯 Large calls

Optimisations for larger calls (100+ particpants)

🎙️ Live streaminng

Example for how to broadcast and composite your calls via RTMP

⏺️ Cloud recording & composition

Record your call to Daily's cloud and composite the results via the REST API

📼 Local recording

Record calls to your local computer

🖥️ Screen sharing

Share your screen with participants during a call

🔊 Audio sharing

Share tab audio during a call and allow participants to manage audio mix

🎛️ Quality controls

Optimise or enhance video and audio quality

Stateful examples

User spotlighting

Set a participant to be spotlighted during a call

Breakout rooms

Allow participants to form or join breakout rooms

---

Other

shared

Common components, context, hooks and libraries used across example projects