WebRTC Create Zoom Clone Video Group Call Application

WebRTC – Create Zoom Clone Video Group Call Application, available at $74.99, has an average rating of 4.25, with 107 lectures, based on 198 reviews, and has 2066 subscribers.

You will learn about WebRTC Working with media streams Creating multiple peer connections Create Mesh Architecture Create SocketIO Server Real-Time communication React WebRTC implementation WebRTC data channels Create Group Call App This course is ideal for individuals who are Students who would like to know how to create all proccess of signaling and WebRTC logic to create group calls It is particularly useful for Students who would like to know how to create all proccess of signaling and WebRTC logic to create group calls.

Enroll now: WebRTC – Create Zoom Clone Video Group Call Application

Summary

Title: WebRTC – Create Zoom Clone Video Group Call Application

Price: $74.99

Average Rating: 4.25

Number of Lectures: 107

Number of Published Lectures: 107

Number of Curriculum Items: 107

Number of Published Curriculum Objects: 107

Original Price: $124.99

Quality Status: approved

Status: Live

What You Will Learn

WebRTC

Working with media streams

Creating multiple peer connections

Create Mesh Architecture

Create SocketIO Server

Real-Time communication

React

WebRTC implementation

WebRTC data channels

Create Group Call App

Who Should Attend

Students who would like to know how to create all proccess of signaling and WebRTC logic to create group calls

Target Audiences

Students who would like to know how to create all proccess of signaling and WebRTC logic to create group calls

Learn WebRTC Mesh architecture by creating project with React, WebRTC and SocketIO.  We will go through all of the steps to create application with group calls where you can establish connection between multiple users in one room. We will write WebRTC implementation with suport of simple-peer library to show how you can develop WebRTC application with group calls.   We will use also SocketIO as our signaling server for our application. After this course you will be able to create own application which will be using WebRTC. It does not matter if that will be the realtime communication game or video chat. You will know the process how to establish connection between multiple peers with Mesh architecture.

We will cover all signaling process to exchange necessary data between all connected users to Room. We will also cover deployment and TURN Server credentials.

In our application we will use:

WebRTC

JavaScript

SocketIO

Express.js

Node.js

React

Simple-peer

We will create necessary UI and we will proceed with all logic related with SocketIO and WebRTC.

App creating proccess:

Prepare environment

Build frontend of our application with React

Connect with SocketIO and creating necessary logic

WebRTC implementation for group calls

Add WebRTC data channels for chat functionality

Add functionality to connect only with audio

Get TURN server credentials

Deploy application

I hope you will enjoy the course and after finishing it you will feel confident to create amazing applications using technologies which you will learn through the course.

Course Curriculum

Chapter 1: Introduction

Lecture 1: App Functionalities

Lecture 2: Mesh Architecture Introduction

Lecture 3: Theory – What is WebRTC ?

Lecture 4: What is signaling server ?

Lecture 5: What is STUN server ?

Lecture 6: What is TURN server ?

Lecture 7: What is SDP ?

Lecture 8: What are ICE candidates ?

Lecture 9: How to establish direct connection between two peers ?

Chapter 2: Preparing environment

Lecture 1: Node.js installation

Lecture 2: Creating Server and Installing Dependencies

Lecture 3: Preparing our basic server logic

Lecture 4: Initialization of React Application

Lecture 5: Preparing React project

Lecture 6: Store configuration with Redux

Chapter 3: Creating front-end of Application in React

Lecture 1: Stylesheets and Icons

Lecture 2: Preparing Pages Components before adding routing to our Application

Lecture 3: React Router – Do not skip before next lecture

Lecture 4: Adding Routing in React

Lecture 5: Creating Introduction Page without Buttons

Lecture 6: Creating Introduction Page Buttons

Lecture 7: Creating Join Room Page

Lecture 8: Dispatching first action in Redux – isRoomHost

Lecture 9: Displaying different title depends on the props

Lecture 10: Rendering Join Room Page Inputs

Lecture 11: Fixing bug with wrong content

Lecture 12: Creating audio only checkbox

Lecture 13: Saving information about connection type in Redux Store

Lecture 14: Create Component responsible for displaying error message

Lecture 15: Creating Join Room Page buttons

Lecture 16: Checking if room exists on server

Lecture 17: Handling response from server about information if room exists

Lecture 18: Logic separation of Joining / Creating room

Lecture 19: Testing our HTTP request

Lecture 20: Saving Indentity (username) in Store

Chapter 4: Creating Room Page UI with React

Lecture 1: Preparing basic structure of Room Page

Lecture 2: Creating Room Label

Lecture 3: Passing correct room id to the Label Component

Lecture 4: Creating Participants Sections

Lecture 5: Displaying Single Participant

Lecture 6: Creating Room Buttons Structure

Lecture 7: Creating Mic Button

Lecture 8: Creating Camera Button

Lecture 9: Creating Leave Room Button

Lecture 10: Creating Screen Share Button

Chapter 5: Creating server logic with Socket.IO

Lecture 1: Preparing for Room Connection

Lecture 2: Getting Local Stream

Lecture 3: Creating Loading Overlay

Lecture 4: Creating connection with Socket.IO Server

Lecture 5: Connecting to Socket.IO Server from Client Side

Lecture 6: Emitting an Event to Server to Create New Room

Lecture 7: Testing Event responsible for Creating New Room

Lecture 8: Creating Create New Room Handler

Lecture 9: Getting Room Id from Server

Lecture 10: Showing Real Users Connected To Room In Participants List

Lecture 11: Fixing bug with User List

Lecture 12: Creating Join Room Handler

Lecture 13: Testing Joining Room

Lecture 14: Leaving Room

Lecture 15: Closing Room if None users left

Chapter 6: Creating WebRTC logic

Lecture 1: Architecture introduction

Lecture 2: Prepare for connection

Lecture 3: Handle connection prepare Event

Lecture 4: Starting with simple-peer

Lecture 5: Handling on stream Event

Lecture 6: Handling on signal Event

Lecture 7: Passing signaling data to connected Users

Lecture 8: Emitting Event – connection init

Lecture 9: Displaying Local Preview

Lecture 10: Displaying incoming Streams

Lecture 11: Testing WebRTC Connection

Lecture 12: Constraints

Lecture 13: Zoom In possibility

Lecture 14: Leaving Room Functionality

Lecture 15: Code explanation

Chapter 7: Connecting logic to Room Buttons

Lecture 1: Mute Functionality

Lecture 2: Disable Video Functionality

Lecture 3: Testing Buttons

Lecture 4: Screen Sharing – Preview

Lecture 5: Fixing Bug with disabling Screen Share

Lecture 6: Switching Track which we are sending in Peer connection

Chapter 8: Creating Chat Functionality

Lecture 1: Creating Chat UI

Lecture 2: Creating Messages Container

Lecture 3: Creating New Message Input

Lecture 4: Preparing Store for Messages

Lecture 5: Exchanging Messages with other Users

Chapter 9: Connection only with Audio

Lecture 1: Connecting only with Audio

Lecture 2: Creating Only Audio Label

Lecture 3: Fixing Bug with Audio Only Label

Lecture 4: Small improvments

Chapter 10: Connection with TURN Server

Instructors

Marek Gryszkiewicz
Web Developer

Rating Distribution

1 stars: 9 votes

2 stars: 4 votes

3 stars: 20 votes

4 stars: 44 votes

5 stars: 121 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!