Tweet
Tweet

Slide 1

Slide 1 text

WEBRTC REAL TIME COMMUNICATION EN EL NAVEGADOR.

Slide 2

Slide 2 text

David Vílchez @dvilchez BIENVENIDOS Agile galicia

Slide 3

Slide 3 text

WEBRTC QUÉ ES?

Slide 4

Slide 4 text

WEBRTC

Slide 5

Slide 5 text

WEBRTC GETUSERMEDIA (MEDIASTREAM) var constraints = {audio: true, video: true}; navigator.getUserMedia(constraints, function(stream) { video.src = window.URL.createObjectURL(stream); }, errorCallback);

Slide 6

Slide 6 text

WEBRTC PEERCONNECTION alice = new RTCPeerConnection(null, null) alice.add(stream) alice.createOffer().then(offer => { return alice.setLocalDescription(offer) .then( () => { sendOffer(“bob”, offer); }); }).catch(errorHandler);

Slide 7

Slide 7 text

WEBRTC PEERCONNECTION bob = new RTCPeerConnection(null, null) bob.setRemoteDescriptor(offer) .then(() => { bob.createAnswer().then((answer) => { return bob.setLocalDescription(answer) .then(() => { sendAnswer(“alice”, answer); }); }).catch(errorHandler);

Slide 8

Slide 8 text

WEBRTC SENDOFFER(….. ) SENDANSWER(….. )

Slide 9

Slide 9 text

WEBRTC SIGNALING

Slide 10

Slide 10 text

WEBRTC P2P CON SERVIDORES

Slide 11

Slide 11 text

WEBRTC P2P CON SERVIDORES

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

WEBRTC NO USAR ▸ Video and audio streaming ▸ Comunicación asincrona

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

GRACIAS