6play.fr
UN player HTML5 POUR
6play.fr c'est ...
14M d'utilisateurs inscrits
500 000 vidéos par jour
Single Page App React / Isomorphique
Live et VOD
Freemium
@Frederic
TECHNOs PLAYER
2008
2009
2010
2015
2017
QoS
Maintenabilité
Sortir de Flash
Formats MSE
Audience
WebPerf
Nouveaux formats pub
enjeux
CRM / Big Data
Single Page App
Séquence lecture
Support des anciens navigateurs
DRM
Ad Stitching
contraintes
ARCHI React / redux
@Malik
react
redux
Moteur de rendu
Approche composant
Gestion de l'état de l'application
Créé par Facebook
Créé par Dan Abramov
pOURQUOI REACT ?
(pARCE QUE C'EST BIEN)
Performance
6play.fr
Utilisé par Netflix, AirBnB, ...
Adapté aux SPA
Approche modulaire idéale pour l'UI
Et redux alors ?
(C'EST BIEN aussi)
Adapté à React
Gestion de l'état de l'application
Fonctionnement par événements / actions
Utilisation de Middlewares
Architecture REACT/REDUX
MEDIa engines
@Nicolas
HISTORIQUE DES FORMATS
2008
2009
2012
2015
2017
WMV
RTMP
HDS
DRM
HLS
PRIMETIME
HLS / PHLS
DASH CENC
ARCHITECTURE MEDIA ENGINES
plateforme, tests, methodes
@Vincent
(PRESQUE) Tout Tester
PhantomJS
Jest
CucumberJS
ESLint
Outils Airbnb
Github
TESTER UNITAIREMENT
Résultats de fonctions
Instanciation de classes
Rendu de composants et de leurs enfants
Tester fonctionnellement
(PRESQUE) TOUT TESTER / Tout le temps
Notifications HIPCHAT
Pourquoi ce workflow ?
Normalisation du code
Maintenabilité
Stabilité
Q & A
Frédéric Vieudrin
Vincent Valot
Malik Baba Aïssa
Nicolas Afresne
Merci
tube@m6web.fr
tech.m6web.fr
Blog
github.com/M6Web
@TechM6Web
