jeffemmett
/
daily-examples
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
daily-examples/custom/fitness-demo
History
harshithpabbati 4c2caf14fe use useDevices hook 2022-04-06 10:58:46 +05:30
..
components update with useCallback 2022-02-18 17:06:09 -05:00
contexts import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +05:30
pages import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +05:30
public/assets Add pattern bg in the livestreaming model 2022-01-17 15:35:57 +05:30
.babelrc Start with fitness-demo 2021-12-29 16:06:07 +05:30
.gitignore Start with fitness-demo 2021-12-29 16:06:07 +05:30
README.md use useDevices hook 2022-04-06 10:58:46 +05:30
env.example update env.example file 2022-01-16 16:23:14 +05:30
image.png Center align the aside headers 2022-02-02 15:50:56 +05:30
index.js Start with fitness-demo 2021-12-29 16:06:07 +05:30
next.config.js import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +05:30
package.json import the livestreaming and recording contexts and hooks 2022-01-27 14:36:28 +05:30

README.md

Fitness Demo

Fitness Demo

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 @custom/fitness-demo 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

Deploy your own on Vercel

Deploy with Vercel