Implementazione del DataChannel di WebRTC attraverso la libreria Peer.js

1. PEER.JS
DATACHANNEL DI WEBRTC
Presentazionedi /MatteoColucci @il_matita
PremiN(Next)oP(Previous)pernavigareleslide

2. COS'È WEBRTC
WebRTCis afree, open projectthatenables web
browsers with Real-Time Communications (RTC)
capabilities viasimple JavaScriptAPIs.
- WebRTC.org

3. IN PAROLE POVERE
Connessionipeer to peer nelbrowser per:
Video
Audio
Dati

4. COME FUNZIONA WEBRTC?

5. STUN SERVER
OgniPeer chiede ilproprio indirizzo aun server STUN
Ilserver risponde con l'indirizzo pubblico delpeer

6. OFFER
Ilpeer trasmette le proprie informazioni(SDP, Session
Description Protocol) achisivuole connettere
IlSignalingChannel(canale ditrasmissione dell'SDP) può essere
qualunque cosa(Websocket, email, IM, ...)

7. ANSWER
Ilpeer ricevente trasmette le proprie informazioni(SDP)
all'offerente
Siinstauralaconnessione peer to peer

8. TURN SERVER (FALLBACK)
Se ipeer non riescono aconnettersiacausadelfirewallsi
appoggiano aun server TURN, che fadaproxytraipeer

9. COS'È PEER.JS?

10. WRAPPER DI WEBRTC
1. API dipiù alto livello
2. Vendor prefix free
3. SetdioggettiEventdispatcher

11. PEER SERVER
Implementazione delsignalingchannel
Server open source in node.js -GitHub
PeerServer Cloud gratuito per sviluppatori-PeerServer Cloud

12. CODICE DI ESEMPIO
varpeer=newPeer({key:'peer-server-cloud-key'});
peer.on('open',function(peerId){
//peerconnessoalPeerServer
//peerIddamandareaglialtripeer
});
peer.on('connection',function(conn){
initConnection(conn);
});
functioninitConnection(conn){
conn.on('open',function(){
conn.on('data',function(data){
//faiqualcosaconidatiricevuti
});
conn.send({foo:'bar'});
});
}
initConnection(peer.connect(otherPeerId));

13. INIZIO DEL QUIZ

14. CONNETTITI TRAMITE
SMARTPHONE
Android &&(Chrome || Firefox)

15. DI QUALE BAND ERA IL
CANTANTE JON ANDERSON?
1. Yes
2. Genesis
3. Korn
4. KingCrimson

16. QUAL E' LA RISPOSTA ALLA
DOMANDA FONDAMENTALE
SULLA VITA, L'UNIVERSO E
TUTTO QUANTO?
1. Dio
2. I soldi
3. Non lo so
4. 42

17. COM'ERA QUESTA
PRESENTAZIONE?
1. Caruccia
2. Niente diche
3. Lapiù fica
4. Totalmente inutile

18. CLASSIFICA

19. ALCUNI PROGETTI
Collaborazione in real-time -
(Quasi)
CDNpeer to peer -
TogetherJS
serverless-webrtc
PeerCDN

20. RISORSE
Peer.js -
Specifiche -
Progetto WebRTC -
Listadiserver STUN/TURNaccessibili-
PeerJS.com
w3.org
WebRTC.org
gist

21. GRAZIE PER L'ATTENZIONE
Slidespoweredbyreveal.js