Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Group Video Calling App Tutorial

Tech with Tim via YouTube

Overview

Learn how to create a group video calling web application using React, JavaScript, and Agora in this comprehensive tutorial video. Explore the process of setting up an Agora project, configuring the development environment, and implementing essential components such as video stream subscription, publishing, and control features. Follow along as the instructor guides you through authentication, token generation, and React dependency installation. Discover how to build the main App and VideoCall components, handle video stream management, and create intuitive calling controls. The tutorial also covers leaving calls, unsubscribing from streams, and displaying video players. Conclude with bug fixes, testing, and learn how to host your application publicly using ngrok.

Syllabus

| Introduction
| Project Overview
| All About Agora?
| Agora Project Setup
| Dev Environment Setup
| React Starting Code
| Agora Authentication and Tokens
| React Dependency Installation
| Agora Configuration
| App Component
| VideoCall Component Setup
| Subscribing To and Publishing Video Streams
| Video Calling Controls Setup
| Leaving and Unsubscribing From Video Streams
| Video Player Display
| Quick Overview of The Code
| Join Call Button
| Bug Fixes and Testing
| nrgok Setup - Hosting The App Publicly
| Conclusion

Taught by

Tech With Tim

Reviews

Start your review of React Group Video Calling App Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.