Create a live streaming website - Agora Web SDK

Name: Create a live streaming website - Agora Web SDK
Rating: 3.6 (8 reviews)

How to Create Agora Audio and Video Calling, Livestreaming, Real Time Messaging, Whiteboard & Cloud Recording with JS

Created byCode Pie

Last updated 10/2022

English

English [Auto],

What you'll learn

What is Agora Web SDK and How it Works
How to Create Basic Video and Audio Call With Agora
How to integrate one to one, one to many and many to many video & Audio call in agora
How to create interactive Host and Audience Livestreaming with Agora SDK
How to implement Real Time Messaging in Agora
How to Implement Whiteboard with Agora
How to integrate Cloud Recording with Agora

Course content

3 sections • 19 lectures • 1h 18m total length

Get Courese For Free0:22
If you are interested in this course and unable to afford it, we have a good place for you to learn with us and get our course for free here:https://bit.ly/codepie-app
Agora one-to-one Video Call Demo0:31
Build a live streaming website using the Agora Web SDK, featuring a practical one-to-one video call demo to showcase real-time communication.
Introduction To Agora and Agora Features2:26
What is in This Course and What you Will learn0:51
Discover what the course covers, including implementing basic video calling with audio and video, enabling remote work video streams, and publishing a live streaming site with the Agora Web SDK.

Project file Setup for Agora - Basic Video Call1:31
Set up the project files for an Agora basic video call by creating a project folder in Visual Studio and adding necessary photos and files.
Add libraries and Extension setup - Basic Video Call1:54
Add libraries and extension setup for a basic video call by integrating a JavaScript library, focusing on security and practical steps in the live streaming workflow.
UI Design for Video Blocks and User Input Form - Basic Video Call5:14
Design a basic video call UI with video blocks and a user input form, including controls and placeholders to support a live streaming experience using the Agora Web SDK.
Create Agora App at Agora.io to get appId - Basic Video Call2:53
Learn to create an agora app at agora.io, obtain the appId, and implement basic video call, voice encoding, messaging, interactive livestream, and cloud recording with the agora web sdk.
Create Variables and Fetch User Input-Basic Video Call3:50
Create variables and fetch user input for a basic video call, encoding video and audio while configuring local and remote users, channel, and token.
Agora Join Channel for local user - Basic Video Call7:15
Add Agora Remote User to Stream - Basic Video Call6:40
Add a remote user to a stream using the Agora Web SDK in a basic video call, enabling live audio and video for a live streaming website.
Agora Leave Channel - Remove User from channel - Basic Video Call5:23
Mute and Umute Agora Video and Audio9:54
Learn how to mute and unmute Agora video and audio to manage live streaming on a website using the Agora Web SDK.
Hide and Show UI Buttons Before and During Streaming1:49

Add Library and Files Setup - Agora One-to-One Video Call3:23
UI Design - Agora One-to-One Video Call3:07
Design a UI for an Agora one-to-one video call, applying center and relative positioning with absolute elements, and integrating camera and microphone icons to support the video call interface.
Create Local Video Stream - Agora One-to-One Video Call6:52
Remote Stream and Restrict to One-to-One - Agora One-to-One Video CaLL7:01
Master one-to-one video calls with the Agora Web SDK by managing remote streams, filtering media types (video and audio), and enforcing room capacity to ensure a reliable 1:1 experience.
Toggle Camera and MicroPhone - Agora One-to-One Voice and Video Call7:56

Requirements

Basic Knoweldge Of Web Development
Basic Knoweldge of HTML CSS/BootStrap JavaScript

Description

This course will teach you how to implement agora on the web scratch using Agora's latest web SDK to Build Video Chat Application. This course is in the English language and I have used the agora v4.11 latest web SDK for Video Streaming applications. In this course, we will implement Agora Voice and Video Call, and Livestreaming between Host and Audience. We will implement Real-time Agora Messaging, White Board, and Cloud Recording step by step. We will implement all agora Features and the Course will update with Time. We will add other Feature sections Soon in this course. We will create Video Chat Application using Agora Web SDK.

This Course is For You if You Want to Learn:

How to Integrate Basic Voice and Video Call using Agora SDK
How to implement Voice Call using Agora Web SDK
How to create One to One video call with Agora
How to create one to many video call
How to Implement many-to-many Video calls using Agora
How to Integrate Group Video and Audio Call with Agora
How to Integrate Whiteboard with Agora
How to Implement Real-Time Message with Agora Web SDK
How to Implement Agora Cloud Recording
Build Your Own Voice and Video call, LiveStreaming Learning, and Business Website.

Requirements:

Some Basic Knowledge of HTML CSS/BootStrap JavaScript
IDE for Coding like Visual Studio Code, Sublime or NotePad++

Covered in This Course :

Basic Voice and Video Call
One to One & one-to-Many Video calls, Streaming, Messaging, and Whiteboard using Agora
Livestream between Audience and Client(like Creator and Subscribers) using Agora SDK
Real-Time Messaging With Agora
Implement WhiteBoard with Agora
Cloud Recording with Agora
Build Your Own LiveStream Voice & Video call, LiveStreaming Websites

The outcomes of This Course:

You will be Able to Build Agora Web App for Voice & Video calls.
Build LiveStream Website with Agora SDK
Implement Whiteboard, Real-time Messaging, and Cloud Recording with Agora.

Conclusion:

At the End of This Course, You Will be Able to Develop Any Kind of Agora Web App with Desired Function.

Who this course is for:

Who Wants To Learn how to build Video and Audio Call with agora
How to implement Livestreaming with Agora
Implement Real Time Message and White Board with Agora
Create Your Own online Learning and Business Website with Agora

Create a live streaming website - Agora Web SDK

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 4min

Build Video Chat App - Agora Basic Voice and Video Call10 lectures • 46min

Build Agora One-to-One Video Stream Web App5 lectures • 28min

Requirements

Description

Who this course is for: