History

Kimberlee Johnson d0f6a9e211 Updating name to prebuilt		2021-10-05 10:04:09 -07:00
..
README.md	Updating name to prebuilt	2021-10-05 10:04:09 -07:00
image.jpg	Updating name to prebuilt	2021-10-05 10:04:09 -07:00
index.html	Updating name to prebuilt	2021-10-05 10:04:09 -07:00
main.css	Updating name to prebuilt	2021-10-05 10:04:09 -07:00
main.js	Updating name to prebuilt	2021-10-05 10:04:09 -07:00

Chat overlay

What does this demo do?

Adds full-screen Daily Prebuilt to a page
Using app-message and sendAppMessage(), send and receive chat messages (with or without enable_chat set to true in the room)
Allow users to send and receive chat messages while viewing other participants' videos

Clone this repository and navigate to this folder (git clone git@github.com:daily-demos/examples.git && cd prebuilt-ui/chat-overlay)
Set ROOM_URL on the first line of main.js to a Daily room you have created. Sign up and create a room from the Daily dashboard, if you haven't already!
Run a server from this repo's directory. You can use something like python -m SimpleHTTPServer run on the command line in the repo's directory or use VSCode's Live Server extension. See How do you set up a local testing server? for more info.
Register for a Daily.co account and create a Room in the dashboard, and use that room URL on this page. You can join that room directly using other browser tabs or another device.
Visit the server in your browser! You can use multiple tabs for testing out the chat experience.