Slideshow da apresentação sobre WebRTC no front in rio 2015

1. WebRTC

2. Mas aqui vamos falar de WebRTC!
getUserMedia
Text track API
Fullscreen API
Web MIDI API
WebAudio API
Contacts API
Calendar API
Geolocation
ContextMenu API
Element.dataset
Element.classList
Drag and Drop
WebRTC
HTML5 e a nova web!
Battery API
Canvas
SVGDataChannel
PeerConnection

3. Web Real-Time Communication:
“Comunicação em tempo real na Web”
Gratuíto - 0800
Código livre
Alta qualidade
Tempo real
Roda no navegador sem plugins
Vantagens!

4. Características
P2P ( Peer to peer )
Seguro: SRTP (Secure Real-Time Protocol)
API facil de usar com Javascript e HTML5
Compatibilidade!
Compatível com APIs e recursos nativos dos
navegadores como:
som, câmera, vídeo, etc ...

5. E como funciona?
Signaling (connexão) e troca de dados

6. Dados
Signaling
● A conexão
● Sessão, inicio e fim de
conexão
● Metadados, codecs,
rede e tipos de dados
● Dados de rede como
IPs e portas vistas da
internet
Signaling
Signaling

8. Tipos de arquiteturas
3 tipos de arquiteturas:
P2P
Routing
Mixing

9. Routing
1. Pode selecionar o
router
2. Tem um servidor
3. Compressão nos
clientes
4. Escalável
5. Pouca latência

10. Mixing
1. Tem um servidor
2. O servidor pode
processar os dados
3. Tem latência
4. Qualidade limitada
5. parecido com o
Hangout do google

11. P2P - Peer to peer
1. “Sem servidores”
2. Muito uso de internet
3. Melhor qualidade
4. Pouca latência ( lag )

12. NAT, ICE, STUM, TURN, Stream and
SDP
Técnicas, protocolos e padrões

13. GetUserMedia
PeerConnection
DataChannel
3 Main APIs

14. Suporte
Dados do site:
http://iswebrtcreadyyet.com/

15. Exemplos
1. https://appear.in/ - Comunicação
2. https://tokbox.com/ - Troca de arquivos
3. https://www.twilio.com/ - Comunicação
4. https://www.petzam.com/ - Comunicação veterinários

16. Exemplo de serviço: Veterinária!

18. E ae, está esperando oq
para criar o novo grande
serviço de comunicação e
interação?

19. http://albertosouza.net/
https://github.com/albertosouza
https://github.com/wejs/we