daily-examples/custom/flying-emojis
J Taylor fff932f979 renamed daily-js to custom 2021-09-23 17:22:47 +01:00
..
components renamed daily-js to custom 2021-09-23 17:22:47 +01:00
pages renamed daily-js to custom 2021-09-23 17:22:47 +01:00
public/assets renamed daily-js to custom 2021-09-23 17:22:47 +01:00
.babelrc renamed daily-js to custom 2021-09-23 17:22:47 +01:00
README.md renamed daily-js to custom 2021-09-23 17:22:47 +01:00
env.example renamed daily-js to custom 2021-09-23 17:22:47 +01:00
image.png renamed daily-js to custom 2021-09-23 17:22:47 +01:00
index.js renamed daily-js to custom 2021-09-23 17:22:47 +01:00
next.config.js renamed daily-js to custom 2021-09-23 17:22:47 +01:00
package.json renamed daily-js to custom 2021-09-23 17:22:47 +01:00

README.md

Flying Emojis

Flying Emojis

Live example

See it in action here ➡️


What does this demo do?

  • Use sendAppMessage to send flying emojis to all clients
  • Implements a custom <App /> that adds <FlyingEmojisOverlay /> component that listens for incoming emoji events and appends a new node to the DOM
  • Todo: pool emoji DOM nodes to optimise on DOM mutations

Please note: this demo is not currently mobile optimised

Getting started

# set both DAILY_API_KEY and DAILY_DOMAIN
mv env.example .env.local

yarn
yarn workspace @custom/flying-emojis dev

Deploy your own on Vercel

Deploy with Vercel