WebRTC đang là một trong những công nghệ hot nhất hiện nay. Đây là một dự án open source được bảo trợ bởi Google. Mục tiêu của nó là giúp trao đổi video, âm thanh, dữ liệu thời gian thực dựa trên kết nối peer-to-peer (PvP) như video call, video conference… WebRTC hỗ trợ tất cả các trình duyệt phổ biến (Google Chrome, Firefox, Safari ..) cộng với các nền tảng mobile chính (Android, iOS).

1. https://bap.jp

2. Nội dung
 Chia sẻ công nghệ WebRTC
 Giới thiệu khái quát, ứng dụng
 Cấu trúc core thư viện
 Signaling Server
 Basic WebRTC call flow
 Vấn đề Firewall và NAT
 Demo tính năng video call của sản phẩm công ty tự phát triển
 Tài liệu tham khảo
 Q&A

3. Mục tiêu
 Giới thiệu công nghệ, cung cấp các keyword để có thể tự nghiên cứu.
 Giới thiệu kiến trúc, các thành phần chính quan trọng của WebRTC.
 Trao đổi trả lời thắc mắc của sinh viên.

4. WebRTC

5. WebRTC (video giới thiệu)

6. WebRTC là gì?
 Tập hợp các hàm lập trình dùng cho việc liên lạc thời gian thực chất lượng cao
bằng video, âm thanh cũng như các loại dữ liệu khác.
 Hỗ trợ đa nền tảng: Browsers(Chrome, Firefox, ...), mobile platforms (android,
ios), IoT devices,...
 Đơn giản, dễ sử dụng, nhà phát triển cá nhân có thể tự mình phát triển.
 Không phải cài các plugin bên thứ 3, hoàn toàn miễn phí.

7. Ứng dụng thực tế
 Ứng dụng video call, voice call giữa trình duyệt với trình duyệt, trình duyệt với
mobile, mobile với mobile
 Ứng dụng trao đổi dữ liệu thời gian thực giữa hai hoặc nhiều thiết bị với nhau mà
không nhất thiết phải đi qua server trung gian
https://appear.in
https://www.pubnub.com

8. Phần core thư viện

9. Signaling Server

10. Kênh 1 chiều vs Kênh 2 chiều
 Sự khác nhau của chúng là gì?
 Keywords: REGULAR HTTP, AJAX POLLING, AJAX LONG-POLLING,
WEBSOCKETS, SOCKET.IO
 Tài liệu:
- https://calavikevin.wordpress.com/2014/05/10/gioi-thieu-ky-thuat-long-polling-
websockets-server-sent-events-comet/
- https://socket.io/

11. Kênh 1 chiều

12. Kênh 2 chiều

13. Luồng cơ bản của
call sử dụng WebRTC

14. Các APIs chính
 MediaStream
Truy cập tới dữ liệu của thiết bị, ví dụ thông qua camera, microphone
 RTCPeerConnection
Audio hoặc video calling, thuận tiện cho việc mã hoá cũng như quản lý băng
thông
 RTCDataChannel
Kêt nối peer-to-peer cho việc truyền tải dữ liệu

15. Vấn đề Firewall và NAT
 WebRTC truyền dữ liệu "Peer-to-Peer" có nghĩa là nếu A muốn giao tiếp với bồ
của A là B thì bước đầu tiên A và B phải biết địa chỉ nhà của nhau để mà gởi thư
tình. Vậy việc đầu tiên cần làm là phải tạo kết nối "Peer-to-Peer"
 Thông thường thì nếu gia đình của A và B đều thoải mái, cho con cháu giao lưu tứ
tung thì vô tư đi A cứ gởi thư cho B và B reply cho A. Đời cứ thế mà trôi đi đơn
giản vậy thôi :D . Nhưng đối với một số gia đình hơi khó khăn tý thì việc tạo kết
nối "Peer-to-Peer" giữa A và B sẽ bị cản trở. Nên giống như các hệ thống VoIP,
WebRTC cũng bị cản trở khi tạo kết nối peer-to-peer bởi Firewall và NAT. Vậy
Firewall là gì và NAT là gì?

16. Nếu mọi thứ đều đơn giản

17. Nhưng thực tế thì

18. Vậy nên ta cần TURN

19. Demo video call, voice call

20. Tài liệu
 https://webrtc.org
 https://www.html5rocks.com/en/tutorials/webrtc/basics
 https://socket.io
 https://www.webrtc-experiment.com/docs/TURN-server-installation-guide.html

21. Q&A
 Hỏi là có quà – Chỉ có quà to và rất to - Câu hỏi hay nhất được quà rất to

22. Cảm ơn các bạn đã lắng nghe