Handling media (video, audio) on the web is now easier than ever! Learn the MediaStream API and WebRTC by following along step by step.
43 learners
Level Basic
Course period Unlimited
MediaStream API
WebRTC
WebSocket
Technologies applicable to real-world projects
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
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.
We'll explain the MediaStream API and WebRTC, and prepare a project to write an example.
Covers the basics of getting a MediaStream from a camera and microphone.
Query your media devices and learn about them.
Covers the various options that can be applied to MediaStream.
Let's implement the camera zoom function using MediaConstraints.
Learn how to use the MediaPipe library to modify camera footage and create new MediaStreams.
Learn the basics of handling audio, change the volume of sound by adjusting the gain value of audio, and draw audio graphs.
Learn the basics of webrtc and how to send and receive media.
We will create a video conferencing system while working on a project close to practical use.
We will create a FrontEnd project using JavaScript and React and a BackEnd project using Java and Spring.
Let's synthesize what we've learned so far and implement the FrontEnd functionality before joining a video call.
Create a server program to manage video chat using websocket.
It communicates directly with the server program, processes various events, and implements actual video chat functions.
Operating System: PC with Windows or macOS environment equipped with camera and microphone
Tools used: VisualStudio Code, npm, docker, java, maven
Completed source code is provided for each section.
To conduct a proper training session, you must prepare a PC with a camera and microphone installed.
Who is this course right for?
Anyone interested in media on the web
For those who want to learn practical skills that can be used in real-world scenarios after learning basic grammar.
Anyone interested in WebRTC
For those who want to learn WebSocket
Need to know before starting?
JavaScript (Basic syntax knowledge required, understanding of Promises recommended)
React (not required, but a good understanding of the concept of State is helpful)
Java (Basic syntax knowledge required)
Spring (not required, but it's good to know how to configure a project with SpringBoot).
All
85 lectures ∙ (11hr 49min)
Course Materials:
All
2 reviews
Check out other courses by the instructor!
Explore other courses in the same field!
25% off for new members
$49.30
25%
$69.30
![Learning React A-Z by Following Along [Version 19 반영]Course Thumbnail](https://cdn.inflearn.com/public/courses/329170/cover/223c54c0-9220-4937-836d-70a36be3eb1c/329170-eng.png?w=420)
![[MMORPG Game Development Series with C# and Unity] Part 6: Web ServerCourse Thumbnail](https://cdn.inflearn.com/public/course-325464-cover/1fa9d02e-de61-46aa-80db-a46a4a573ce9?w=420)
