Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WebRTC
Mas aqui vamos falar de WebRTC!
getUserMedia
Text track API
Fullscreen API
Web MIDI API
WebAudio API
Contacts API
Calendar...
Web Real-Time Communication:
“Comunicação em tempo real na Web”
Gratuíto - 0800
Código livre
Alta qualidade
Tempo real
Rod...
Características
P2P ( Peer to peer )
Seguro: SRTP (Secure Real-Time Protocol)
API facil de usar com Javascript e HTML5
Com...
E como funciona?
Signaling (connexão) e troca de dados
Dados
Signaling
● A conexão
● Sessão, inicio e fim de
conexão
● Metadados, codecs,
rede e tipos de dados
● Dados de rede c...
Tipos de arquiteturas
3 tipos de arquiteturas:
P2P
Routing
Mixing
Routing
1. Pode selecionar o
router
2. Tem um servidor
3. Compressão nos
clientes
4. Escalável
5. Pouca latência
Mixing
1. Tem um servidor
2. O servidor pode
processar os dados
3. Tem latência
4. Qualidade limitada
5. parecido com o
Ha...
P2P - Peer to peer
1. “Sem servidores”
2. Muito uso de internet
3. Melhor qualidade
4. Pouca latência ( lag )
NAT, ICE, STUM, TURN, Stream and
SDP
Técnicas, protocolos e padrões
GetUserMedia
PeerConnection
DataChannel
3 Main APIs
Suporte
Dados do site:
http://iswebrtcreadyyet.com/
Exemplos
1. https://appear.in/ - Comunicação
2. https://tokbox.com/ - Troca de arquivos
3. https://www.twilio.com/ - Comun...
Exemplo de serviço: Veterinária!
E ae, está esperando oq
para criar o novo grande
serviço de comunicação e
interação?
http://albertosouza.net/
https://github.com/albertosouza
https://github.com/wejs/we
Comunicação em tempo real com WebRTC
Comunicação em tempo real com WebRTC
Upcoming SlideShare
Loading in …5
×

Comunicação em tempo real com WebRTC

926 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Comunicação em tempo real com WebRTC

  1. 1. WebRTC
  2. 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. 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. 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. 5. E como funciona? Signaling (connexão) e troca de dados
  6. 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
  7. 7. Tipos de arquiteturas 3 tipos de arquiteturas: P2P Routing Mixing
  8. 8. Routing 1. Pode selecionar o router 2. Tem um servidor 3. Compressão nos clientes 4. Escalável 5. Pouca latência
  9. 9. 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
  10. 10. P2P - Peer to peer 1. “Sem servidores” 2. Muito uso de internet 3. Melhor qualidade 4. Pouca latência ( lag )
  11. 11. NAT, ICE, STUM, TURN, Stream and SDP Técnicas, protocolos e padrões
  12. 12. GetUserMedia PeerConnection DataChannel 3 Main APIs
  13. 13. Suporte Dados do site: http://iswebrtcreadyyet.com/
  14. 14. 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
  15. 15. Exemplo de serviço: Veterinária!
  16. 16. E ae, está esperando oq para criar o novo grande serviço de comunicação e interação?
  17. 17. http://albertosouza.net/ https://github.com/albertosouza https://github.com/wejs/we

×