- ../shared/contexts/MediaProvider.js -> ../shared/contexts/MediaDeviceProvider.js - ../shared/hooks/useDevices.js -> ../shared/contexts/useDevices.js - ../shared/hooks/useCallMachine.js -> ../shared/contexts/useCallMachine.js |
||
|---|---|---|
| .. | ||
| basic-call | ||
| flying-emojis | ||
| live-streaming | ||
| recording | ||
| shared | ||
| text-chat | ||
| README.md | ||
README.md
Daily JS Examples
🤙 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
⏺️ Recording
Record a call video and audio using both cloud and local modes
🔥 Flying emojis
Send emoji reactions to all clients using sendAppMessage
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 @dailyjs/[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.