SlideShare une entreprise Scribd logo
www.streamroot.io

Pierre-Louis Théron

Nikolay Rodionov

Axel Delmas

1
Les limites du streaming

8 Millions de vues simultanées
Enorme pic de trafic géré par Google et Akamai

Problèmes de qualité de service

2
Il est temps de re-décentraliser le web
Arrivée de la 4K

Croissance du trafic mondial

Consommation mobile

75%
50%
2013

2014

2015

Les avantages du P2P
• Désengorger les goulots d’étranglement du réseau
• Gérer les pics de trafic : des millions d’utilisateurs

• Améliorer l’expérience utilisateur
3
WebRTC
Nouveau Protocole rédigé par l’IETF pour faciliter les
communications en temps réel sur le Web :
• Connections Peer-To-Peer
• Très Faibles Latences
• Vidéo, Audio et Data !

Open-Source C++ lib :
• iOS, Android
• Smart TVs
• Set Top Boxes…

In-Browser JS API standardisée par le
=

60%
des navigateurs
60

NO PLUGIN !

1 000 000 000
Clients compatibles

4
WebRTC Datachannel API

WebRTC DataChannel
Canal de transfert de données brutes directement entre peers
•
•
•
•

API JavaScript simple (similaire à WebSockets)
Latences très faibles
Communications cryptées par défaut (DTLS)
Peut fonctionner en mode « TCP » ou « UDP »

MAIS : ne gère pas la mise en relation des Peers (besoin
d’un serveur de Signalling)
5
WebRTC Datachannel API : Applications

Les possibilités d’applications sont infinies !
•
•
•
•
•
•

Chats/Messagerie privée
Jeux Multi-joueurs à très faible latence (FPS)
Partage de fichiers P2P
Computing distribué
CDN pour fichiers statiques
BitTorrent dans les navigateurs

BananaBread
ShareFest.me
PeerServer
PeerCDN
WebTorrent

• LIVE et VOD Peer Assisted Streaming
(Video et Audio)
6
StreamRoot

www.streamroot.io
7
La solution StreamRoot

Solution de diffusion P2P de vidéo Live & VOD

Intégration facile: Script JavaScript

Analytics temps réel

8
Les avantages de StreamRoot

Réduction des coûts de bande passante jusqu’à 90%

Gestion efficace des pics de consommation

Amélioration de l’expérience utilisateur

9
1) Initialisation
Serveur
/ CDN
Initialisation
depuis le CDN

10
) Connexion au tracker
Serveur
/ CDN

Tracker
Connexion avec le tracker

Initialisation
depuis le CDN

11
) Signalement & Connexion au peers
Tracker

Serveur
/ CDN
Initialisation
depuis le CDN

Essaim de peers

Peer avec le meilleur
matching

12
) Peer-to-Peer streaming
Tracker

Serveur
/ CDN

Essaim de peers

P2P download

13
StreamRoot Player JavaScript lib
Gestion de l’Adaptive Streaming :
 MPEG-DASH
 Auto-Switch selon les capacités utilisateur

Intelligence du Playback :
 Buffering Intelligent (P2P First, CDN si P2P trop faible)
 Fallbacks HTML5 et Flash pour navigateurs non supportés

Expérience transparente pour l’utilisateur
Optimisé pour la haute définition : HD / 4K
14
StreamRoot Tracker
Fonction Première : Serveur de Mise en Relation
• Listage et gestion des peers

• Mise en relation intelligente : (GeoIP, ISP, Bande Passante disponible, Position dans la lecture…)
• Suivi dynamique des performances de chaque Peer

Les plus :
• Analytics et Canal de Communication avec les Peers en Temps Réel
• Service Centralisé : Valide les Peers, et permet de vérifier l’intégrité des Vidéos

• Non Bloquant : Si serveur HS, la vidéo tourne toujours
• Scalable avec le nombre de Peers connectés
15
Les possibilités futures
• Autres devices
Mobile ?

Box TV

• DRM / Sécurité

16
Démonstration de StreamRoot

demo.streamroot.io

17
Retour d’expérience : Site de VOD
1 vidéo
de 1h30
à 1000 Kbps

400 utilisateurs simultanés
Utilisateurs dispersés sur plusieurs milliers
de kms.

45%
de réduction de bande passante

Total
P2P

Autres Résultats :
Problèmes de Playback
Petite partie de « super-seeders » ( Ratio Up/Down > 3 )
Mises en relation non optimales car durée du film très longue
Latences de transferts très faibles entre peers (<1s)
Très bonne connexion entre Paris et Moscou !
18
Live Streaming Demo

LIVE STREAMING DEMO :
1ere Mondiale !
Workflow :

Flux RTMP Live

Transcodage en Flux
MPEG-DASH

Lecteur HTML5
Dans Chrome
19
Demo : demo.streamroot.io

@StreamRoot
20

Contenu connexe

En vedette

ConférenSquad #2 : Expway - LTE Broadcast
ConférenSquad #2 : Expway - LTE BroadcastConférenSquad #2 : Expway - LTE Broadcast
ConférenSquad #2 : Expway - LTE Broadcast
Justindwah
 
ConférenSquad #2 : Gwendal Simon - P2P & Live Streaming
ConférenSquad #2 : Gwendal Simon - P2P & Live StreamingConférenSquad #2 : Gwendal Simon - P2P & Live Streaming
ConférenSquad #2 : Gwendal Simon - P2P & Live StreamingJustindwah
 
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
Justindwah
 
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Justindwah
 
ConférenSquad #4 - Architectures Vidéo Cloud
ConférenSquad #4 - Architectures Vidéo CloudConférenSquad #4 - Architectures Vidéo Cloud
ConférenSquad #4 - Architectures Vidéo Cloud
Justindwah
 
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
Justindwah
 
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
Justindwah
 
HTM5/CENC par Romain Bouqueau de Gpac Licensing
HTM5/CENC par Romain Bouqueau de Gpac LicensingHTM5/CENC par Romain Bouqueau de Gpac Licensing
HTM5/CENC par Romain Bouqueau de Gpac Licensing
Justindwah
 
ConférenSquad #4 - Association OVFSquad
ConférenSquad #4 - Association OVFSquadConférenSquad #4 - Association OVFSquad
ConférenSquad #4 - Association OVFSquadJustindwah
 
ConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
ConférenSquad #4 - Hulu et DASH par Baptiste CoudurierConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
ConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
Justindwah
 
Paris Video Tech #2 - Presentation by Jean-Yves Avenard
Paris Video Tech #2 - Presentation by Jean-Yves AvenardParis Video Tech #2 - Presentation by Jean-Yves Avenard
Paris Video Tech #2 - Presentation by Jean-Yves Avenard
Erica Beavers
 
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
Erica Beavers
 
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
Erica Beavers
 
Converging CAS and DRM, David Bouteruche from Nagra
Converging CAS and DRM, David Bouteruche from NagraConverging CAS and DRM, David Bouteruche from Nagra
Converging CAS and DRM, David Bouteruche from Nagra
Justindwah
 
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
Justindwah
 
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
Erica Beavers
 
IPv6 in IPv4/MPLS in a Nutshell
IPv6 in IPv4/MPLS in a NutshellIPv6 in IPv4/MPLS in a Nutshell
IPv6 in IPv4/MPLS in a Nutshell
Fred Bovy
 
Fb i pv6-sparchimanv1.0
Fb i pv6-sparchimanv1.0Fb i pv6-sparchimanv1.0
Fb i pv6-sparchimanv1.0
Fred Bovy
 
IPv6_Quick_Start_Guide
IPv6_Quick_Start_GuideIPv6_Quick_Start_Guide
IPv6_Quick_Start_Guide
Parthiban Nallathambi
 
Ipv6 cheat sheet
Ipv6 cheat sheetIpv6 cheat sheet
Ipv6 cheat sheet
Swarup Hait
 

En vedette (20)

ConférenSquad #2 : Expway - LTE Broadcast
ConférenSquad #2 : Expway - LTE BroadcastConférenSquad #2 : Expway - LTE Broadcast
ConférenSquad #2 : Expway - LTE Broadcast
 
ConférenSquad #2 : Gwendal Simon - P2P & Live Streaming
ConférenSquad #2 : Gwendal Simon - P2P & Live StreamingConférenSquad #2 : Gwendal Simon - P2P & Live Streaming
ConférenSquad #2 : Gwendal Simon - P2P & Live Streaming
 
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
Live OTT chez Canal+ : Top Chef ou Cauchemar en cuisine ?
 
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
 
ConférenSquad #4 - Architectures Vidéo Cloud
ConférenSquad #4 - Architectures Vidéo CloudConférenSquad #4 - Architectures Vidéo Cloud
ConférenSquad #4 - Architectures Vidéo Cloud
 
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
HangoutSquad #0 : Le marché de la vidéo en Afrique et au Moyen Orient par Lau...
 
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
ConférenSquad #3 : Subjective Quality and HTTP Adaptive Streaming: a Review o...
 
HTM5/CENC par Romain Bouqueau de Gpac Licensing
HTM5/CENC par Romain Bouqueau de Gpac LicensingHTM5/CENC par Romain Bouqueau de Gpac Licensing
HTM5/CENC par Romain Bouqueau de Gpac Licensing
 
ConférenSquad #4 - Association OVFSquad
ConférenSquad #4 - Association OVFSquadConférenSquad #4 - Association OVFSquad
ConférenSquad #4 - Association OVFSquad
 
ConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
ConférenSquad #4 - Hulu et DASH par Baptiste CoudurierConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
ConférenSquad #4 - Hulu et DASH par Baptiste Coudurier
 
Paris Video Tech #2 - Presentation by Jean-Yves Avenard
Paris Video Tech #2 - Presentation by Jean-Yves AvenardParis Video Tech #2 - Presentation by Jean-Yves Avenard
Paris Video Tech #2 - Presentation by Jean-Yves Avenard
 
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
Paris Video Tech - 1st Edition: Streamroot, Adaptive Bitrate Algorithms: comm...
 
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
Paris Video Tech - 1st Edition: Afrostream, un player agile  pour suivre le m...
 
Converging CAS and DRM, David Bouteruche from Nagra
Converging CAS and DRM, David Bouteruche from NagraConverging CAS and DRM, David Bouteruche from Nagra
Converging CAS and DRM, David Bouteruche from Nagra
 
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
ConférenSquad #4 - UHDTV, Etat de l'art part Thierry Fautier (Harmonic)
 
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
Paris Video Tech - 1st Edition: Dailymotion Améliorer l'expérience utilisateu...
 
IPv6 in IPv4/MPLS in a Nutshell
IPv6 in IPv4/MPLS in a NutshellIPv6 in IPv4/MPLS in a Nutshell
IPv6 in IPv4/MPLS in a Nutshell
 
Fb i pv6-sparchimanv1.0
Fb i pv6-sparchimanv1.0Fb i pv6-sparchimanv1.0
Fb i pv6-sparchimanv1.0
 
IPv6_Quick_Start_Guide
IPv6_Quick_Start_GuideIPv6_Quick_Start_Guide
IPv6_Quick_Start_Guide
 
Ipv6 cheat sheet
Ipv6 cheat sheetIpv6 cheat sheet
Ipv6 cheat sheet
 

Similaire à ConférenSquad #2 : StreamRoot - HTML5 & WebRTC : de nouveaux horizons pour le streaming P2P

Presentation websockets
Presentation websocketsPresentation websockets
Presentation websockets
Bert Poller
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Microsoft Technet France
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Microsoft Décideurs IT
 
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
Microsoft Technet France
 
Applications_Slide.pdf
Applications_Slide.pdfApplications_Slide.pdf
Applications_Slide.pdf
MeriemBalhaddad
 
April16 windows azure media services
April16 windows azure media servicesApril16 windows azure media services
April16 windows azure media servicesbenol
 
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyTechniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyJean-Pierre Vincent
 
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plusVideostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Tarik Zakaria Benmerar
 
Amélioration Qos de vod Streaming France Télévision (Cloud)
Amélioration Qos de  vod Streaming France Télévision (Cloud)Amélioration Qos de  vod Streaming France Télévision (Cloud)
Amélioration Qos de vod Streaming France Télévision (Cloud)
yacine sebihi
 
Votre site web en Chine: comment obtenir une performance web rapide et fiable
Votre site web en Chine:  comment obtenir une performance web rapide et fiableVotre site web en Chine:  comment obtenir une performance web rapide et fiable
Votre site web en Chine: comment obtenir une performance web rapide et fiable
CDNetworks
 
Techniques d'accélération des pages web
Techniques d'accélération des pages webTechniques d'accélération des pages web
Techniques d'accélération des pages web
Jean-Pierre Vincent
 
Lcty2010 paris so11_sametime 8.5
Lcty2010 paris so11_sametime 8.5Lcty2010 paris so11_sametime 8.5
Lcty2010 paris so11_sametime 8.5
a8us
 
[FR] Websocket Documentary Reasearches
[FR] Websocket Documentary Reasearches[FR] Websocket Documentary Reasearches
[FR] Websocket Documentary Reasearches
Manavai Teikituhaahaa
 
Numergy vs Cloudwatt
Numergy vs CloudwattNumergy vs Cloudwatt
Numergy vs Cloudwatt
Quentin Apruzzese
 
Volcamp 2023 - Compter les moutons à grande échelle
Volcamp 2023 - Compter les moutons à grande échelleVolcamp 2023 - Compter les moutons à grande échelle
Volcamp 2023 - Compter les moutons à grande échelle
Karim Bogtob
 
We❤️SEO 2019 : WebPerf et SEO
We❤️SEO 2019 : WebPerf et SEOWe❤️SEO 2019 : WebPerf et SEO
We❤️SEO 2019 : WebPerf et SEO
Erlé Alberton
 
LoadTime & SEO - Erlé Alberton
LoadTime & SEO - Erlé AlbertonLoadTime & SEO - Erlé Alberton
LoadTime & SEO - Erlé Alberton
WeLoveSEO
 
Motwin - cto crunch - 141205 - Optimiser la latence applicative mobile
Motwin -  cto crunch - 141205 - Optimiser la latence applicative mobileMotwin -  cto crunch - 141205 - Optimiser la latence applicative mobile
Motwin - cto crunch - 141205 - Optimiser la latence applicative mobile
Community motwin
 

Similaire à ConférenSquad #2 : StreamRoot - HTML5 & WebRTC : de nouveaux horizons pour le streaming P2P (20)

Adaptative streaming : enjeux, panorama, principes et difficultés
Adaptative streaming : enjeux, panorama, principes et difficultésAdaptative streaming : enjeux, panorama, principes et difficultés
Adaptative streaming : enjeux, panorama, principes et difficultés
 
Presentation websockets
Presentation websocketsPresentation websockets
Presentation websockets
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
 
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
Windows Azure Media Services: des API pour encoder, transmuxer, diffuser, ...
 
Applications_Slide.pdf
Applications_Slide.pdfApplications_Slide.pdf
Applications_Slide.pdf
 
April16 windows azure media services
April16 windows azure media servicesApril16 windows azure media services
April16 windows azure media services
 
Techniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwipartyTechniques accélération des pages web #kiwiparty
Techniques accélération des pages web #kiwiparty
 
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plusVideostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
Videostreaming et visioconference pour le Web - Evènement GDSC USTHB Tech plus
 
Amélioration Qos de vod Streaming France Télévision (Cloud)
Amélioration Qos de  vod Streaming France Télévision (Cloud)Amélioration Qos de  vod Streaming France Télévision (Cloud)
Amélioration Qos de vod Streaming France Télévision (Cloud)
 
Votre site web en Chine: comment obtenir une performance web rapide et fiable
Votre site web en Chine:  comment obtenir une performance web rapide et fiableVotre site web en Chine:  comment obtenir une performance web rapide et fiable
Votre site web en Chine: comment obtenir une performance web rapide et fiable
 
Techniques d'accélération des pages web
Techniques d'accélération des pages webTechniques d'accélération des pages web
Techniques d'accélération des pages web
 
Lcty2010 paris so11_sametime 8.5
Lcty2010 paris so11_sametime 8.5Lcty2010 paris so11_sametime 8.5
Lcty2010 paris so11_sametime 8.5
 
[FR] Websocket Documentary Reasearches
[FR] Websocket Documentary Reasearches[FR] Websocket Documentary Reasearches
[FR] Websocket Documentary Reasearches
 
Webrtc
WebrtcWebrtc
Webrtc
 
Numergy vs Cloudwatt
Numergy vs CloudwattNumergy vs Cloudwatt
Numergy vs Cloudwatt
 
Volcamp 2023 - Compter les moutons à grande échelle
Volcamp 2023 - Compter les moutons à grande échelleVolcamp 2023 - Compter les moutons à grande échelle
Volcamp 2023 - Compter les moutons à grande échelle
 
We❤️SEO 2019 : WebPerf et SEO
We❤️SEO 2019 : WebPerf et SEOWe❤️SEO 2019 : WebPerf et SEO
We❤️SEO 2019 : WebPerf et SEO
 
LoadTime & SEO - Erlé Alberton
LoadTime & SEO - Erlé AlbertonLoadTime & SEO - Erlé Alberton
LoadTime & SEO - Erlé Alberton
 
Motwin - cto crunch - 141205 - Optimiser la latence applicative mobile
Motwin -  cto crunch - 141205 - Optimiser la latence applicative mobileMotwin -  cto crunch - 141205 - Optimiser la latence applicative mobile
Motwin - cto crunch - 141205 - Optimiser la latence applicative mobile
 

ConférenSquad #2 : StreamRoot - HTML5 & WebRTC : de nouveaux horizons pour le streaming P2P

  • 2. Les limites du streaming 8 Millions de vues simultanées Enorme pic de trafic géré par Google et Akamai Problèmes de qualité de service 2
  • 3. Il est temps de re-décentraliser le web Arrivée de la 4K Croissance du trafic mondial Consommation mobile 75% 50% 2013 2014 2015 Les avantages du P2P • Désengorger les goulots d’étranglement du réseau • Gérer les pics de trafic : des millions d’utilisateurs • Améliorer l’expérience utilisateur 3
  • 4. WebRTC Nouveau Protocole rédigé par l’IETF pour faciliter les communications en temps réel sur le Web : • Connections Peer-To-Peer • Très Faibles Latences • Vidéo, Audio et Data ! Open-Source C++ lib : • iOS, Android • Smart TVs • Set Top Boxes… In-Browser JS API standardisée par le = 60% des navigateurs 60 NO PLUGIN ! 1 000 000 000 Clients compatibles 4
  • 5. WebRTC Datachannel API WebRTC DataChannel Canal de transfert de données brutes directement entre peers • • • • API JavaScript simple (similaire à WebSockets) Latences très faibles Communications cryptées par défaut (DTLS) Peut fonctionner en mode « TCP » ou « UDP » MAIS : ne gère pas la mise en relation des Peers (besoin d’un serveur de Signalling) 5
  • 6. WebRTC Datachannel API : Applications Les possibilités d’applications sont infinies ! • • • • • • Chats/Messagerie privée Jeux Multi-joueurs à très faible latence (FPS) Partage de fichiers P2P Computing distribué CDN pour fichiers statiques BitTorrent dans les navigateurs BananaBread ShareFest.me PeerServer PeerCDN WebTorrent • LIVE et VOD Peer Assisted Streaming (Video et Audio) 6
  • 8. La solution StreamRoot Solution de diffusion P2P de vidéo Live & VOD Intégration facile: Script JavaScript Analytics temps réel 8
  • 9. Les avantages de StreamRoot Réduction des coûts de bande passante jusqu’à 90% Gestion efficace des pics de consommation Amélioration de l’expérience utilisateur 9
  • 11. ) Connexion au tracker Serveur / CDN Tracker Connexion avec le tracker Initialisation depuis le CDN 11
  • 12. ) Signalement & Connexion au peers Tracker Serveur / CDN Initialisation depuis le CDN Essaim de peers Peer avec le meilleur matching 12
  • 13. ) Peer-to-Peer streaming Tracker Serveur / CDN Essaim de peers P2P download 13
  • 14. StreamRoot Player JavaScript lib Gestion de l’Adaptive Streaming :  MPEG-DASH  Auto-Switch selon les capacités utilisateur Intelligence du Playback :  Buffering Intelligent (P2P First, CDN si P2P trop faible)  Fallbacks HTML5 et Flash pour navigateurs non supportés Expérience transparente pour l’utilisateur Optimisé pour la haute définition : HD / 4K 14
  • 15. StreamRoot Tracker Fonction Première : Serveur de Mise en Relation • Listage et gestion des peers • Mise en relation intelligente : (GeoIP, ISP, Bande Passante disponible, Position dans la lecture…) • Suivi dynamique des performances de chaque Peer Les plus : • Analytics et Canal de Communication avec les Peers en Temps Réel • Service Centralisé : Valide les Peers, et permet de vérifier l’intégrité des Vidéos • Non Bloquant : Si serveur HS, la vidéo tourne toujours • Scalable avec le nombre de Peers connectés 15
  • 16. Les possibilités futures • Autres devices Mobile ? Box TV • DRM / Sécurité 16
  • 18. Retour d’expérience : Site de VOD 1 vidéo de 1h30 à 1000 Kbps 400 utilisateurs simultanés Utilisateurs dispersés sur plusieurs milliers de kms. 45% de réduction de bande passante Total P2P Autres Résultats : Problèmes de Playback Petite partie de « super-seeders » ( Ratio Up/Down > 3 ) Mises en relation non optimales car durée du film très longue Latences de transferts très faibles entre peers (<1s) Très bonne connexion entre Paris et Moscou ! 18
  • 19. Live Streaming Demo LIVE STREAMING DEMO : 1ere Mondiale ! Workflow : Flux RTMP Live Transcodage en Flux MPEG-DASH Lecteur HTML5 Dans Chrome 19