O documento discute WebRTC, uma tecnologia que permite comunicação em tempo real na web através de áudio, vídeo e compartilhamento de dados entre navegadores sem a necessidade de plugins. Ele explica as principais APIs do WebRTC como Media Stream e Peer Connection e como elas permitem captura e compartilhamento de mídia entre peers. Também discute conceitos como signaling, STUN, TURN e ICE que tornam possível a comunicação peer-to-peer através de firewalls e redes.

1. WebRTC
Comunicação na web
em tempo real
RICARDO TORRES

4. AMSTERDAM

6. O que é
WebRTC?

7. Tempo real
Peer-to-peer (P2P) - Audio, video, dados
Sem plugins
JavaScript API

9. Certo, mas e aí?

10. RTC não é nada novo

12. Marcus
Camila
Server

13. Marcus
Camila

18. 1.500.000.000+ WebRTC Endpoints
300.000.000+
Mobile

19. WebRTC APIs

20. WebRTC APIs
Media Stream API
Peer Connection API
Data Connection API

21. Media Stream API
Obtém tracks (faixas) de audio e video
Captura em tracks separadas
Combina as tracks para formar uma stream
navigator.getUserMedia()

22. getUserMedia

25. Screen sharing

26. Peer Connection API

27. getUserMedia + RTCPeerConnection

29. Data Connection API

30. Data Connection API
Websockets API
Baixa latência
Segura
Confiável ou não confiável

35. Signaling

36. Por quê?

37. Informações sobre a sessão - Quais formatos são suportados - O que eu quero enviar - Informações da rede
Qualquer mecanismo de mensagens
Qualquer protocolo de mensagens
Signaling

38. Signaling

41. Marcus
Camila

42. http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/

43. http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/

44. Como eu acho um peer?

45. Servers

46. Qual o meu IP público?
Simples e barato
Comunicação P2P
STUN

47. Cloud fallback
Dados são enviados através do servidor
Custo alto
Garante o funcionamento
TURN

48. Framework
Tenta achar a melhor rota
ICE

49. Segurança

51. Arquitetura

52. Marcus
Camila

55. Por onde começar?

56. adapter.js (http://goo.gl/vJ1bbA)
SimpleWebRTC (https://github.com/henrikjoreteg/SimpleWebRTC)
easyRTC (https://github.com/priologic/easyrtc)
PeerJS (http://peerjs.com)
Sharefest (https://github.com/peer5/sharefest)
TogetherJS (https://togetherjs.com)
Frameworks

57. Capturing audio and video in HTML5 (http://goo.gl/4u7bQm)
Getting Started With WebRTC (http://goo.gl/r5NA66)
simpl.info (http://simpl.info/webrtc/)
WebRTC Experiment (http://goo.gl/ASqpwQ)
Referências

58. Possibilidades…

61. http://blog.vline.com/post/61581986806/live-tv-interview-powered-by-vline-customer-in-quality

62. WebRTC precisa
de mais coders!

63. rictorres.com.br
github.com/rictorres
DANK JE WEL ;) (OBRIGADO)