/raise-hand

A demo using Daily Prebuilt as a base for implementing a "Raise your Hand" functionality.

Primary LanguageJavaScript

🙋 Daily Raise Hand Demo

🤔 What does this demo do?

This is a simple demo that demonstrates how to implement a function for meeting attendees to raise their hands such that it can be seen by all others in the meeting. The demo has been built upon Daily Prebuilt.

🛠 Setting up the project locally

  1. Clone the project

git clone https://github.com/yashk2000/raise-hand.git

  1. Enter the project directory

cd raise-hand

  1. Install dependencies

npm install

  1. (Optional) If you want to use your own meeting link for testing, change the link in line 223 in index.js.

  2. Deploy the demo locally.

npm run dev

💡 Features

  • Join in a default meeting room or enter the link of your own room.
  • Pre-joining screen
  • Raise hand so others in the meeting can see your hand is raised.
  • Participants list to view whether other participants have raised their hands.
  • (Optional) If someone raises their hand when their video is off, raising hand will turn on video as well to catch the attention of a moderator.

🎬 Demo

Demo with 2 participants in a meeting Demo with 4 participants in a meeting
2 4

🖼 Screenshots

2021-09-13_01-22 2021-09-13_01-23
2021-09-13_01-23_1 2021-09-13_01-23_2

🔗 Project Links

🎓 Resources