WebRTC Comunicação na web em tempo real

RICARDO TORRES

AMSTERDAM

O que é WebRTC?

Tempo real

Peer-to-peer (P2P) - Audio, video, dados

Sem plugins

JavaScript API

Certo, mas e aí?

RTC não é nada novo

Marcus Camila

Server

Marcus Camila

1.500.000.000+ WebRTC Endpoints

300.000.000+ Mobile

WebRTC APIs

WebRTC APIs

Media Stream API Peer Connection API Data Connection API

Media Stream API

Obtém tracks (faixas) de audio e video Captura em tracks separadas Combina as tracks para formar uma

stream navigator.getUserMedia()

getUserMedia

Screen sharing

Peer Connection API

getUserMedia + RTCPeerConnection

Data Connection API

Data Connection API

Websockets API Baixa latência Segura Confiável ou não confiável

Signaling

Por quê?

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

Signaling

Marcus Camila

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

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

Como eu acho um peer?

Servers

Qual o meu IP público?

Simples e barato

Comunicação P2P

STUN

Cloud fallback

Dados são enviados através do servidor

Custo alto Garante o funcionamento

TURN

Framework

Tenta achar a melhor rota

ICE

Segurança

Arquitetura

Marcus Camila

Por onde começar?

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

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

Possibilidades…

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

WebRTC precisa de mais coders!

rictorres.com.br

github.com/rictorres

DANK JE WEL ;) (OBRIGADO)