Realtime Web Apps: WebSockets & WebRTC
3 likes1,194 views
The document discusses real-time applications and asynchronous events, focusing on technologies like websockets, WebRTC, and socket.io. It covers topics such as HTTP polling, long-polling, media streams, and NAT traversal for facilitating real-time communication between browsers. The presentation emphasizes coding examples and practical implementations of WebRTC for interactive connectivity.
Realtime Web Apps: WebSockets & WebRTC
- 1. WebSockets & WebRTC Federico Pinna @0xfede
- 2. Agenda • Real-time apps and asynchronous events • Comet, WebSockets and socket.io • Web Real-time Communication • Signalling • Data Channels & Media Stream
- 6. Comet AKA: Ajax Push, HTTP Streaming, HTTP Server Push • Hidden iframe • Long-polling
- 8. WebSocket client server request + upgrade response
- 10. WebSocket ws = new WebSocket(url); ws.onmessage = function(data) { } ws.send(data);
- 11. socket.io • Comet & WebSocket • Client & Server modules • Super stable & efficient
- 12. Let’s code
- 13. WebRTC • Real-time Communication Between Browsers • Media Capture And Streams
- 18. • Interactive Connectivity Establishment, ICE • Session Traversal Utilities for NAT, STUN • Traversal Using Relays around NAT TURN WebRTC
- 23. WebRTC client client SDP offer SDP answer ICE candidate ICE candidate
- 24. Let’s code
- 25. Thank you!