52 lines
1.7 KiB
Markdown
52 lines
1.7 KiB
Markdown
# Basic call
|
|
|
|
|
|
|
|
## What does this demo do?
|
|
|
|
- Built on [NextJS](https://nextjs.org/)
|
|
- Create a Daily instance using call object mode
|
|
- Manage user media devices
|
|
- Render UI based on the call state
|
|
- Handle media and call errors
|
|
- Obtain call access token via Daily REST API
|
|
- Handle preauthentication, knock for access and auto join
|
|
|
|
Please note: this demo is not currently mobile optimised
|
|
|
|
### Getting started
|
|
|
|
```
|
|
# set both DAILY_API_KEY and DAILY_DOMAIN
|
|
mv env.example env.local
|
|
|
|
# from project root...
|
|
yarn
|
|
yarn workspace @dailyjs/basic-call dev
|
|
```
|
|
|
|
## How does this example work?
|
|
|
|
This demo puts to work the following [shared libraries](../shared):
|
|
|
|
**[MediaProvider.js](../shared/contexts/MediaProvider.js)**
|
|
Convenience context that provides an interface to media devices throughout app
|
|
|
|
**[useDevices.js](../shared/hooks/useDevices.js)**
|
|
Hook for managing the enumeration and status of client media devices)
|
|
|
|
**[CallProvider.js](../shared/contexts/CallProvider.js)**
|
|
Primary call context that manages Daily call state, participant state and call object interaction
|
|
|
|
**[useCallMachine.js](../shared/hooks/useCallMachine.js)**
|
|
Abstraction hook that manages Daily call state and error handling
|
|
|
|
**[ParticipantProvider.js](../shared/contexts/ParticipantProvider.js)**
|
|
Manages participant state and abstracts common selectors / derived data
|
|
|
|
## Deploy your own
|
|
|
|
Deploy the example using Vercel
|
|
|
|
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fdaily-demos%2Fexamples%2Ftree%2Fmain%2Fdailyjs%2Fbasic-call&env=DAILY_DOMAIN,DAILY_API_KEY&project-name=dailyjs-basic-call&demo-title=Daily%20Basic%20Call%20Demo)
|