How to handle media on the web: MediaStream API

How to handle media on the web MediaStream API

How to handle media (video, audio) on the web!!

It's not difficult anymore.

Learning MediaStream API and WebRTC by following along step by step

• Learn how to work with media using the MediaStream API.

• Learn how to send and receive media using WebRTC

• Let's create a video conferencing system using WebSocket.

• Providing know-how and various tips acquired while conducting video conferencing projects in actual practice

Learn about these things

First half

Among the various Web APIs, we will cover the MediaStream API and learn the basics of WebRTC through examples.

We will proceed by creating a project using JavaScript and React.

Getting started with Section (1)

We'll explain the MediaStream API and WebRTC, and prepare a project to write an example.

Section (2) MediaStream Basics

Covers the basics of getting a MediaStream from a camera and microphone.

Section (3) Media Devices

Query your media devices and learn about them.

Section (4) MediaConstrainsts

Covers the various options that can be applied to MediaStream.

Section (5) Zoom

Let's implement the camera zoom function using MediaConstraints.

Section (6) Creating a MediaStream

Learn how to use the MediaPipe library to modify camera footage and create new MediaStreams.

Section (7) AudioContext

Learn the basics of handling audio, change the volume of sound by adjusting the gain value of audio, and draw audio graphs.

Section (8) WebRTC

Learn the basics of webrtc and how to send and receive media.

The second half

Section (9) Real Project - FrontEnd Part 1

Let's synthesize what we've learned so far and implement the FrontEnd functionality before joining a video call.

Section (10) Real Project - BackEnd

Create a server program to manage video chat using websocket.

Section (11) Real Project - FrontEnd Part2

It communicates directly with the server program, processes various events, and implements actual video chat functions.

Things to note before taking the class