강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Cách xử lý phương tiện trên web bằng MediaStream API

Cách xử lý phương tiện (video, audio) trên web!! Giờ không còn khó nữa. Học MediaStream API và WebRTC từng bước một.

(5.0) 1 đánh giá

30 học viên

  • sir24is
websocket
WebRTC
mediastream
Web API
webrtc
React
Java

Dịch cái này sang tiếng Việt

  • API MediaStream

  • WebRTC

  • WebSocket

  • Những kỹ thuật có thể áp dụng vào dự án thực tế

Cách xử lý phương tiện trên web MediaStream API

Cách xử lý phương tiện truyền thông (video, âm thanh) trên web!!

Việc này không còn khó khăn nữa.

Học MediaStream API và WebRTC bằng cách làm theo từng bước

  • Tìm hiểu cách làm việc với phương tiện truyền thông bằng cách sử dụng API MediaStream.

  • Tìm hiểu cách gửi và nhận phương tiện truyền thông bằng WebRTC

  • Hãy cùng tạo một hệ thống hội nghị truyền hình bằng WebSocket.

  • Cung cấp bí quyết và nhiều mẹo khác nhau có được khi thực hiện các dự án hội nghị truyền hình trong thực tế

Tìm hiểu về những điều này


Nửa đầu

Trong số nhiều API Web khác nhau, chúng ta sẽ tìm hiểu API MediaStream và những kiến ​​thức cơ bản về WebRTC thông qua các ví dụ.

Chúng ta sẽ tiến hành bằng cách tạo một dự án sử dụng JavaScript và React.

Bắt đầu với Phần (1)

Chúng tôi sẽ giải thích về MediaStream API và WebRTC, đồng thời chuẩn bị một dự án để viết ví dụ.

Phần (2) Cơ bản về MediaStream

Bao gồm những điều cơ bản về cách lấy MediaStream từ máy ảnh và micrô.

Mục (3) Thiết bị truyền thông

Truy vấn thiết bị truyền thông của bạn và tìm hiểu về chúng.

Mục (4) MediaConstraints

Bao gồm các tùy chọn khác nhau có thể áp dụng cho MediaStream.

Mục (5) Phóng to

Hãy triển khai chức năng zoom camera bằng MediaConstraints.

Mục (6) Tạo MediaStream

Tìm hiểu cách sử dụng thư viện MediaPipe để chỉnh sửa cảnh quay camera và tạo MediaStream mới.

Mục (7) AudioContext

Tìm hiểu những điều cơ bản về xử lý âm thanh, thay đổi âm lượng bằng cách điều chỉnh giá trị khuếch đại âm thanh và vẽ biểu đồ âm thanh.

Mục (8) WebRTC

Tìm hiểu những kiến ​​thức cơ bản về webrtc và cách gửi và nhận phương tiện.

Nửa sau

Chúng tôi sẽ tạo ra một hệ thống hội nghị truyền hình trong khi thực hiện một dự án gần với ứng dụng thực tế.

Chúng ta sẽ tạo một dự án FrontEnd bằng JavaScript và React và một dự án BackEnd bằng Java và Spring.

Mục (9) Dự án thực tế - FrontEnd Phần 1

Hãy tổng hợp những gì chúng ta đã học được cho đến nay và triển khai chức năng FrontEnd trước khi tham gia cuộc gọi video.

Mục (10) Dự án thực tế - BackEnd

Tạo chương trình máy chủ để quản lý trò chuyện video bằng websocket.

Phần (11) Dự án thực tế - FrontEnd Phần 2

Nó giao tiếp trực tiếp với chương trình máy chủ, xử lý nhiều sự kiện khác nhau và thực hiện các chức năng trò chuyện video thực tế.

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành

  • Hệ điều hành: PC chạy hệ điều hành Windows hoặc macOS được trang bị camera và micrô

  • Công cụ sử dụng: VisualStudio Code, npm, docker, java, maven

Tài liệu học tập

  • Mã nguồn hoàn chỉnh được cung cấp cho từng phần.

Ghi chú

  • Để tiến hành một buổi đào tạo đúng cách, bạn phải chuẩn bị một máy tính có cài đặt camera và micrô.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai quan tâm đến các phương tiện truyền thông trên web

  • Những bạn muốn học các kỹ năng có thể sử dụng được trong thực tế sau khi học ngữ pháp cơ bản

  • Những ai quan tâm đến WebRTC

  • Dành cho những ai muốn học WebSocket

Cần biết trước khi bắt đầu?

  • JavaScript (cần có kiến thức về cú pháp cơ bản và hiểu khái niệm Promise)

  • React (không bắt buộc, nhưng biết khái niệm về State thì tốt)

  • Java (cần có kiến thức về cú pháp cơ bản)

  • Spring (Không bắt buộc, nhưng nếu bạn biết cách cấu hình dự án bằng SpringBoot thì rất tốt)

Xin chào
Đây là

새로운 것을 꿈꾸는 개발자 입니다.

Chương trình giảng dạy

Tất cả

85 bài giảng ∙ (11giờ 49phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

1 đánh giá

5.0

1 đánh giá

  • junesdept님의 프로필 이미지
    junesdept

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    1.883.335 ₫

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!