webrtc - comunicação na web em tempo real

Post on 31-May-2015

169 Views

Category:

Technology

8 Downloads

Preview:

Click to see full reader

DESCRIPTION

Imagine um mundo onde o seu telefone, televisão e computador pudessem se comunicar usando uma única plataforma. Imagine que seja muito fácil adicionar video-chat e compartilhamento peer-to-peer à sua aplicação web, com custos baixíssimos e sem precisar de plugins. Essa é a visão do WebRTC (Real-Time Communications).

TRANSCRIPT

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)

top related