Web based realtime communication Web RTC

= + Web-based Realtime Communication - WebRTC GVHD: ThS Nguyễn Quang Minh Giới thiệu đề tài • • • Tên đề tài: Truyền thông thời gian thực với WebRTC GVHD: THS Nguyễn Quang Minh SVTH : Huỳnh Ngọc Vũ Nguyễn Lê Tuấn Kiệt 12520516 12520212 Tính đề tài Mục lục Giới thiệu WebRTC • • • • Công nghệ truyền thông thời gian thực WebRTC ? Tại phải sử dụng webRTC Tiềm phát triển Công nghệ truyền thông thời gian thực Web-RTC Independence from network P2P VoIP VoIP PSTN Time    Circuit-switched Electric gear Dedicated lines     SIP, IP-based Somewhat interoperable IMS core (for carriers) Complex systems     Pure IP Peer-to-peer (P2P) Need client software „Walled garden“     Pure HTML5 No plugin needed No client software Fully interoperable Thách thức : Skype Web-base WebRTC ? • Là tập hợp giao thức cho phép truyền thông thời gian thực trình duyệt • Thông qua chuẩn HTML5 JavaScript API Tại phải sử dụng WebRTC: Simple Code Opensource OpenStandard Tại phải sử dụng WebRTC 10 RTCPeerConnection API • Quản lý toàn qui trình làm việc ICE • • Gửi tín hiệu keepalives Duy trì localstream remote stream • Vai trò “đàm phán kết nối” 30 Cung cấp thông tin mô tả phiên: • • • • • Loại thông tin đa phương tiện Thông tin mạng ( IP + port) Bộ codec xử lý Thiết lập qui ước bên Thông tin băng thông loại thông tin metadata khác SDP 31 ICE framework Để thiết lập kết nối peer-to-peer, theo định nghĩa, peer phải có khả định tuyến gói tin truyền thông với Nhưng khó đạt thực tế phải vượt qua nhiều lớp tường lửa thiết bị NAT peer 32 Quá trình “đàm phán phiên” 33 Demo RTCPeerConnection 34 35 RTCDataChannel • • • • • Tối ưu hóa Mã hóa Chống gói Quản lý jitter mạng Phục hồi lỗi Kiểm soát, nhiều 35 Demo RTCDataChannel 36 Một số ứng dụng 37 WebRTC PaaS ( Platform as a Service) 38 Một số trình duyệt hỗ trợ 39 Demo ứng dụng hoàn chỉnh 40 41 Mô hình triển khai 41 Tài liệu tham khảo 42 • Getting started with WebRTC http://www.html5rocks.com/en/tutorials/we brtc/basics/# toc-mediastream • Alan B Johnson, Daniel C Burnett : WebRTC , APIs and WebRTC protocols of the HTML5 Real-time Web, rd Edittion 43 Thanks! Any questions? 44 [...]... 2 Tìm hiểu về WebRTC • • • Kiến trúc hệ thống Chồng giao thức ( Protocol Stack) Một số mô hình truyền thông 13 Kiến trúc hệ thống 14 Chồng giao thức WebRTC 15 STUN Là một giao thức cho biết địa chỉ IP public của thiết bị trong môi trường có NAT 16 TURN Là một kỹ thuật vượt NAT sử dụng một replay server… 17 Một số mô hình truyền thông • • • • • Mô hình truyền thống : Không sử dụng WebRTC Mô hình truyền... Abstract Signaling trong WebRTC • Giao thức và phương thức cho báo hiệu không được WebRTC chuẩn hóa trong bộ API của mình • Là một quá trình trao đổi thông tin với nhau để thiết lập kết nối.Các thông điệp này : Session Control Message, Network Data và Media Data • Phải hoàn thành trước khi streaming peer2peer bắt đầu 24 Thông điệp Offer/Answer: 25 Cơ chế Signaling 26 3 WebRTC API • • • MediaStream... được trong thực tế do phải vượt qua nhiều lớp tường lửa và các thiết bị NAT giữa các peer 32 Quá trình “đàm phán phiên” 33 Demo RTCPeerConnection 34 35 RTCDataChannel • • • • • Tối ưu hóa Mã hóa Chống mất gói Quản lý jitter mạng Phục hồi lỗi Kiểm soát, và nhiều hơn nữa 35 Demo RTCDataChannel 36 ... • • • • Mô hình truyền thống : Không sử dụng WebRTC Mô hình truyền thông peer2peer Mô hình peer2peer và signaling server Mô hình có mặt STUN server Mô hình có mặt TURN server 18 Mô hình không sử dụng WebRTC • Kiến trúc Client – Server !!! 19 Mô hình truyền thông peer2peer • • Kiến trúc peer2peer Gỉa định hai bên đã được thương lượng trước 20 Mô hình peer2peer + signaling server • • Signaling peer to... 26 3 WebRTC API • • • MediaStream API PeerConnection API DataChannel API 27 MediaStream API ( getUserMedia method ) getUserMedia(constraints, successCallback, errorCallback); 28 Demo MediaStream API 29 RTCPeerConnection API • Quản lý toàn bộ qui trình làm việc của ICE • • Gửi các tín hiệu keepalives Duy trì localstream và remote stream • Vai trò “đàm phán kết nối” 30 Cung cấp thông tin mô tả phiên: • ... started with WebRTC http://www.html5rocks.com/en/tutorials/we brtc/basics/# toc-mediastream • Alan B Johnson, Daniel C Burnett : WebRTC , APIs and WebRTC protocols of the HTML5 Real-time Web, rd Edittion... sử dụng WebRTC 10 Tiềm phát triển 11 12 Tìm hiểu WebRTC • • • Kiến trúc hệ thống Chồng giao thức ( Protocol Stack) Một số mô hình truyền thông 13 Kiến trúc hệ thống 14 Chồng giao thức WebRTC 15... thực với WebRTC GVHD: THS Nguyễn Quang Minh SVTH : Huỳnh Ngọc Vũ Nguyễn Lê Tuấn Kiệt 12520516 12520212 Tính đề tài Mục lục Giới thiệu WebRTC • • • • Công nghệ truyền thông thời gian thực WebRTC ?