History

Jon 45ab2a0710 updated each demo		2021-09-29 13:50:50 +01:00
..
components	updated each demo	2021-09-29 13:50:50 +01:00
pages	updated each demo	2021-09-29 13:50:50 +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

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