Talk talk

Demo App

Check out demo here

Meeting Features

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

Interactive Live Streaming Features

Host

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

Viewer

• Reactions
• Poll
• Raise hand

Prerequisites

• React Js 16 or later
• Node 10 or later

Run the Sample App

Step 1: Clone the sample project

Clone the repository to your local environment.

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

Step 2: Copy the .env.example file to .env file.

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

cp.env.example.env;

Step 3: Modify .env file

Generate temporary token from Video SDK Account.

REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";

Step 4: Install the dependecies

Install all the dependecies to run the project.

npm install

Step 5: Run the Sample App

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

npm run start

Project Description

Note :

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

Use case types

• 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.

Project Structure

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.

Authors

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