Faites comme Netflix, voire mieux : diffuser de la VOD et du Live dans le monde entier avec Azure et...

Votre plateforme VOD dans AzureJulien CORIOLAND | @jcorioland

Tech. Lead Azure & Web @ Infinite Square

Fred LE COQUIL | @flecoqui

Technical Evangelist @ Microsoft

Benjamin MOULÈS | @benjmou

Technical Evangelist @ Microsoft

tech.days 2015#mstechdaysVotre plateforme VOD dans Azure

Objectifs

Les problématiques que vous allez rencontrer

Architecture: quels services dans Azure et pour quoi ?

Back office et gestion du workflow médias dans Azure

Application cliente HTML 5 / JavaScript et Cordova

De quoi va-t-on vous parler aujourd’hui ?

tech.days 2015#mstechdays

Stu

dio

s A

méri

cain

sStu

dio

s Eu

rop

éen

sStu

dio

s A

siati

qu

es

Votre plateforme VOD dans Azure


Avoir un back office sécurisé qui permettent l’envoi, l’encodage et la gestion des contenus vidéos

Exposer des APIs pour les applications clientes

Être capable de lire les vidéos à la demande sur toutes les plateformes (iOS, Android, Windows, HTML 5…)

Objectifs


Le back office et les applications clientes


Quelles technologies?

Framework Clients

Cordova

Encodage H264/AAC

Player Framework

Knockout JavaScript

Azure Active Directory

Azure Mobile Services

Azure Media Services

Azure Webjobs

Azure CDN

Azure Service Bus Queues

Application As A Service

Azure Machine Learning

iOS / Android / Windows Phone & 8

MVC Backend

DRM PlayReady



Aperçu général

Azure Web SiteAzure BLOB Storage

Service Bus


Azure SQL Database


Tablet

PhonePC

Games

console

Azure Active Directory

Browser


Zoom sur le Workflow Médias


Aujourd’hui Microsoft Azure Media Services peut délivrer des contenus aux formats suivants pour la VOD:

MP4 (unprotected)

HLS (unprotected or AES protected)

MPEG DASH (unprotected or PlayReady protected)

Smooth Streaming (unprotected or PlayReady protected)

Quelles options pour la lecture du contenu ?


Applications XAMLHTML 5 / JavaScript / Cordova



Microsoft ressources

Windows 8.1Smooth Streaming Client SDK v1.0.141016 (13/01/2015):https://visualstudiogallery.msdn.microsoft.com/0170c67c-c183-4fee-8dd4-c2b44d710d40

PlayReady Client SDK v2.11.2154.0 (04/06/2014):

https://visualstudiogallery.msdn.microsoft.com/59be4d26-7f00-463e-9d61-2803c36b576b

PlayerFramework v2.0 (5/23/2014):https://playerframework.codeplex.com/

HLS Client SDK

mailto:[email protected]

https://visualstudiogallery.msdn.microsoft.com/0170c67c-c183-4fee-8dd4-c2b44d710d40

https://visualstudiogallery.msdn.microsoft.com/59be4d26-7f00-463e-9d61-2803c36b576b

https://playerframework.codeplex.com/




Windows Phone 8.1Smooth Streaming Client SDK v1.0.141016 (13/01/2015):https://visualstudiogallery.msdn.microsoft.com/b837ddf3-6884-436e-aeb7-35c6151a8933

PlayReady Client SDK v2.10.2077/.1 (19/09/2014):

https://visualstudiogallery.msdn.microsoft.com/477225f7-cb03-4fe6-8c5b-bfc76db7c09f


HLS Client SDK


https://visualstudiogallery.msdn.microsoft.com/b837ddf3-6884-436e-aeb7-35c6151a8933

https://visualstudiogallery.msdn.microsoft.com/477225f7-cb03-4fe6-8c5b-bfc76db7c09f





Windows Phone 8.0Smooth Streaming Client v2.5 RTW:http://www.microsoft.com/en-us/download/details.aspx?id=42080


HLS Client SDK


http://www.microsoft.com/en-us/download/details.aspx?id=42080




HTML5 MSE (Media Source Extensions) ressources

for retrieving samples

Takes MP4 fragments as

input

Decoding and rendering by

platform

DASH IF reference Client:

http://dashif.org/reference/players/javascript/index.html

Source code:

https://github.com/Dash-Industry-Forum/dash.js

Video

decoder

Video

effect 1

Video

encoder

Video

effect n

Audio/video

writer or render

(sink)

Audio

decoder

Audio

effect 1

Audio

encoder

Audio

effect n

Video

decoder

Video

effect 1

Video

encoder

Video

effect n

Audio/video

writer (sink)

Audio

decoder

Audio

effect 1

Audio

encoder

Audio

effect n

Audio/video

reader (source)

JavaScript code


http://dashif.org/reference/players/javascript/index.html

https://github.com/Dash-Industry-Forum/dash.js


Client WorkflowAuthentification


Azure SQL Database


Tablet

PhonePC

Games

console Browser

Googlefacebook

Twitter

Azure AD

Microsoft

6. MP4,

Smooth Streaming,HLS,

MPEG DASH

TOKEN

TOKEN

TOKEN

URI

URI

URI


Client WorkflowVOD Bookmarking


Azure SQL Database


Tablet

PhonePC

Games

console Browser

Googlefacebook

Twitter

Azure AD

Microsoft

TOKEN

VOD Asset ID PositionUser ID

TOKEN

VOD Asset ID

Position

TOKEN

VOD Asset ID

Position

PAUSE

RESUME


CORDOVA:Visual Studio 2013 Update 4Visual Studio 2015 preview



Microsoft MatrixApplication

Model

Format

Win 8.X

IE 11

HTML 5

Desktop

Win 8.X

IE 11

HTML 5

Immersive

Win 8.1

Windows Store

WP 8

Store

WP 8.1

IE

HTML 5

WP 8.1

Store(XAML/C#,C++ +

HTML/JS)

XBOX 360(XAML/C#)

XBOX One(HTML/JS)

iOSDevices Apps

PlayReadyclient SDK

AndroidDevices Apps

PlayReadyclient SDK

iOSHTML5

MSEEME

AndroidHTML5

MSEEME

MP4 Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

MPEG DASH Yes(with MSE)

Yes(with MSE)

Yes

with Smooth Streaming

Client SDK for Win8.1 + Player Framework

Yes

with SSME 2.5 +

PlayerFrameworkV2.0

Yes Yes


Client SDK for WP8.1 + PlayerFramework V2.0

Custom Dev required

Custom Dev required

Yes Yes No Yes

MPEG DASH

protected with

PlayReady

Yes

(with EME and MSE)

Yes

(with EME and MSE)

Yes


Client SDK for Win8.1 +

Player Framework +

PlayReady Client SDK for Win8.1

Yes,

with the latest SSME

2.5+ PlayerFrameworkV2.0

No Yes


Client SDK for WP8.1 +

PlayerFramework V2.0

+ PlayReady Client SDK for WP8.1

Custom Dev required

Custom Dev required

Yes Yes No No

Smooth

Streaming

Yes

(Silverlight Plugin)

Yes

(Smooth

Streaming Plugin for OSMF 2.0)

Yes


Client SDK for Win8.1 + Player Framework

Yes

with SSME 2.5 + PlayerFramework V2.0

No Yes


Client SDK for WP8.1 + PlayerFramework V2.0

Yes Yes Yes Yes No No

Smooth

Streaming

protected with

PlayReady

Yes

(Silverlight Plugin)

No Yes


Client SDK for Win8.1 +

Player Framework +

PlayReady Client SDK for Win8.1

Yes

with SSME 2.5+ PlayerFramework V2.0

No Yes


Client SDK for WP8.1 +

PlayerFramework V2.0

+ PlayReady Client SDK for WP8.1

Yes Yes Yes Yes No No

HLS No No Yes + MS HLS SDK V1.2 or 3rd party HLS SDK

Yes + MS HLS SDK

V1.1 or 3rd party HLS SDK

No Yes + MS HLS SDK V1.2 or 3rd party HLS SDK

Yes with 3rd party plugin from 3ivx

Yes Yes Yes No No

HLS protected

with

PlayReady

No No No No No No No No Yes No No No

Votre « Netflix » dans Azure


Scénario complexe auquel Azure permet de répondre assez rapidement

Implémentation possible en utilisant que des services PaaS

Prise en compte de l’hétérogénéité des plateformes clientes et des formats

Les points clés pour la réussite d’un projet de VOD dans Azure…


Chiffrement PlayReady / AES

Mise à disposition du contenu via le CDN Azure

Déploiement multi-datacenter + Traffic Manager

Moteur de recommandation / Machine Learning

…

Ce que l’on pourrait ajouter à la solution…


Activez vos bénéfices Azure jusqu’à

115€ de ressources mensuelles

offertes

115€ /mois

x5 membres

x3 ans

= 4 175€ de ressources offertes

http://azure.com http://aka.ms/azurepourmsdn

150€ de ressources offertes

Sans engagement

Pour tousUn mois d’essai offert

http://www.microsoft.com/bizspark/

Les Ressources Azure

Pour les startupsBizspark

= 49 000€ de ressources offertes

pendant un an

Pour les abonnés MSDN

http://azure.com/

http://aka.ms/azurepourmsdn

http://www.microsoft.com/bizspark/


L’accompagne

Inscrivez-vous : http://aka.ms/pepiniereazure

Coaching technique et business

Ressources

La Pépinière Microsoft Azure

Visibilité

Une équipe à Microsoft pour vous accompagner dans votre projet cloud et mettre à

votre disposition de l’aide personnalisée.

AMBIENT INTELLIGENCE

tech days•

2015

#mstechdays techdays.microsoft.fr

Faites comme Netflix, voire mieux : diffuser de la VOD et du Live dans le monde entier avec Azure et...

Technology

Transcript of Faites comme Netflix, voire mieux : diffuser de la VOD et du Live dans le monde entier avec Azure et...