a162de9065
useDevices hook - Daily react hooks |
||
|---|---|---|
| .. | ||
| components | ||
| pages | ||
| public/assets | ||
| .babelrc | ||
| .gitignore | ||
| README.md | ||
| env.example | ||
| image.png | ||
| index.js | ||
| next.config.js | ||
| package.json | ||
README.md
Basic call
Live example
What does this demo do?
- Built on NextJS
- 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 @custom/basic-call dev
How does this example work?
This demo puts to work the following shared libraries:
MediaDeviceProvider.js Convenience context that provides an interface to media devices throughout app
CallProvider.js Primary call context that manages Daily call state, participant state and call object interaction
useCallMachine.js Abstraction hook that manages Daily call state and error handling
ParticipantsProvider.js Manages participant state and abstracts common selectors / derived data