Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
https://bap.jp
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 W...
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ín...
WebRTC
WebRTC (video giới thiệu)
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 n...
Ứ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 mo...
Phần core thư viện
Signaling Server
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,
WE...
Kênh 1 chiều
Kênh 2 chiều
Luồng cơ bản của
call sử dụng WebRTC
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
Aud...
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 ...
Nếu mọi thứ đều đơn giản
Nhưng thực tế thì
Vậy nên ta cần TURN
Demo video call, voice call
Tài liệu
 https://webrtc.org
 https://www.html5rocks.com/en/tutorials/webrtc/basics
 https://socket.io
 https://www.we...
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
Cảm ơn các bạn đã lắng nghe
Upcoming SlideShare
Loading in …5
×

[DevDay 2017] WebRTC: Công nghệ trao đổi video, âm thanh, dữ liệu thời gian thực qua kết nối PvP - Speaker: Quan Nguyen - Deputy Director at BAP

340 views

Published on

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).

Published in: Technology
  • Be the first to comment

[DevDay 2017] WebRTC: Công nghệ trao đổi video, âm thanh, dữ liệu thời gian thực qua kết nối PvP - Speaker: Quan Nguyen - Deputy Director at BAP

  1. 1. https://bap.jp
  2. 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. 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. 4. WebRTC
  5. 5. WebRTC (video giới thiệu)
  6. 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. 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. 8. Phần core thư viện
  9. 9. Signaling Server
  10. 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. 11. Kênh 1 chiều
  12. 12. Kênh 2 chiều
  13. 13. Luồng cơ bản của call sử dụng WebRTC
  14. 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. 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. 16. Nếu mọi thứ đều đơn giản
  17. 17. Nhưng thực tế thì
  18. 18. Vậy nên ta cần TURN
  19. 19. Demo video call, voice call
  20. 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. 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. 22. Cảm ơn các bạn đã lắng nghe

×