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

Made with Slides.com