Check out demo here

• Real-time video and audio conferencing
• Enable/disable camera
• Mute/unmute mic
• Chat
• Raise hand
• Screen share
• Recording

• Enable/disable camera
• Mute/unmute mic
• Poll
• Chat
• Raise hand
• Screen share
• Recording
• HLS

• Reactions
• Poll
• Raise hand

• React Js 16 or later
• Node 10 or later

Clone the repository to your local environment.

git clone https://github.com/anhtt2211/talk-talk.git

Open your favorite code editor and copy .env.example to .env file.

cp.env.example.env;

Generate temporary token from Video SDK Account.

REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";

Install all the dependecies to run the project.

npm install

Bingo, it's time to push the launch button.

npm run start

Note :

• main branch: Meeting and Interactive live streaming with better UI includes basic features.
• design/v1 branch: Simple UI with all features and methods.

• Meeting - In Meeting you can enable mic and webcam, record the meeting, raise hand, chat, share your screen.

• Interactive Live Streaming - In Interactive Live Streaming you can join as a host or viewer.

  • As a host, you can start and stop live streaming, create and launch a poll and also use features that are available in the Meeting use case.
  • As a viewer, you can watch live streaming, give reaction, raise hand, chat and submit a poll.

There are 2 folders :

1. meeting - This folder includes components or file related to meeting.
2. interactive-live-streaming - This folder includes all components or file related to Interactive Live Streaming.

• Trần Thế Anh
• Phan Ngọc Quang