Comunicação em tempo real com WebRTC

Embed Size (px)

Citation preview

WebRTC

Mas aqui vamos falar de WebRTC!

getUserMediaText track APIFullscreen APIWeb MIDI APIWebAudio APIContacts APICalendar APIGeolocationContextMenu APIElement.datasetElement.classListDrag and DropWebRTC

HTML5 e a nova web!

Battery APICanvasSVGDataChannelPeerConnection

Web Real-Time Communication:
Comunicao em tempo real na WebGratuto - 0800Cdigo livreAlta qualidadeTempo realRoda no navegador sem plugins

Vantagens!

Caractersticas

P2P ( Peer to peer )Seguro: SRTP (Secure Real-Time Protocol)API facil de usar com Javascript e HTML5Compatibilidade!Compatvel com APIs e recursos nativos dos navegadores como:
som, cmera, vdeo, etc ...

E como funciona?

Signaling (connexo) e troca de dados

Dados

Signaling

A conexo

Sesso, inicio e fim de conexo

Metadados, codecs, rede e tipos de dados

Dados de rede como IPs e portas vistas da internet

SignalingSignaling

Tipos de arquiteturas

3 tipos de arquiteturas:P2PRoutingMixing

Routing

Pode selecionar o router

Tem um servidor

Compresso nos clientes

Escalvel

Pouca latncia

Mixing

Tem um servidor

O servidor pode processar os dados

Tem latncia

Qualidade limitada

parecido com o Hangout do google

P2P - Peer to peer

Sem servidores

Muito uso de internet

Melhor qualidade

Pouca latncia ( lag )

NAT, ICE, STUM, TURN, Stream and SDP

Tcnicas, protocolos e padres

GetUserMediaPeerConnectionDataChannel

3 Main APIs

Suporte

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

Exemplos

https://appear.in/ - Comunicao

https://tokbox.com/ - Troca de arquivos

https://www.twilio.com/ - Comunicao

https://www.petzam.com/ - Comunicao veterinrios

Exemplo de servio: Veterinria!

E ae, est esperando oq para criar o novo grande servio de comunicao e interao?

http://albertosouza.net/

https://github.com/albertosouza

https://github.com/wejs/we