daily-examples/dailyjs/basic-call
Jon cc6cb0d3e3 Merge branch 'main' of github.com:daily-demos/examples into dailyjs/track-subs 2021-07-28 15:35:25 +01:00
..
components added bandwidth controls to ParticipantProvider 2021-07-23 14:49:30 +01:00
pages added recording and streaming 2021-07-20 15:10:48 +01:00
public initial commit 2021-07-19 12:30:11 +01:00
.babelrc initial commit 2021-06-10 18:17:23 +01:00
.gitignore page button styles 2021-07-09 14:12:04 +01:00
README.md Fix README links for basic-call example: 2021-07-23 13:40:28 -07:00
env.example Send general users to dashboard.daily.co 2021-06-14 10:11:04 -04:00
image.png fixed basic call poster branding 2021-06-23 18:44:39 +01:00
index.js initial commit 2021-06-21 15:19:43 +01:00
next.config.js initial commit 2021-06-21 15:19:43 +01:00
package.json lint package command 2021-06-30 11:13:57 +01:00

README.md

Basic call

Basic Call

Live example

See it in action here ➡️


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 @dailyjs/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

useDevices.js Hook for managing the enumeration and status of client media devices)

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

ParticipantProvider.js Manages participant state and abstracts common selectors / derived data

Deploy your own on Vercel

Deploy with Vercel