24.03.2015 Views

intégration streaming.pdf

intégration streaming.pdf

intégration streaming.pdf

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

La vidéo en ligne par <strong>streaming</strong> :<br />

un métier pour demain<br />

Dominique PRESENT<br />

I.U.T. de Marne la Vallée


La vidéo en ligne par <strong>streaming</strong><br />

1. Principe du <strong>streaming</strong> :<br />

– Actualités et applications<br />

– La chaîne « vidéo numérique »<br />

– Les outils<br />

– Créer les fichiers en 5 étapes<br />

– L’intégrateur « Reach Media »<br />

2. Le projet EdumediaS :<br />

– Les étapes<br />

– Le matériel et coûts<br />

– Topologie du service<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


L’actualité du <strong>streaming</strong><br />

• Webcasting à Londres.<br />

Avec l'avènement des Jeux Olympiques en Angleterre, c'est tout un secteur on-line qui se trouve boosté.<br />

Créations de sites ou lifting spécial JO, les sociétés de Webcasting se retrouvent avec un projet d'une<br />

ampleur mondiale.<br />

• Roland Garros en Webcasting…<br />

Avec Tennis Everywhere, les passionnés de tennis pourront suivre l'intégralité de Roland Garros depuis<br />

leur ligne fixe, grâce à MaLigne tv, la télévision par ADSL et à MaLigne Visio ; depuis leur mobile<br />

avec Orange, et sur Internet avec wanadoo.fr<br />

… et en Vidéo à la demande ( http://videos.tf1.fr/video/sport/ ).<br />

Avec ce service, les clients suivront la compétition en fonction de leurs propres disponibilités en<br />

choisissant l'heure à laquelle ils souhaitent visionner un match. La visualisation coûtera entre 1 et 3<br />

euros par programme.<br />

• Vidéo à la demande pour la consultation de ses archives de la BBC (<br />

http://www.bbc.co.uk/bbcfour/audiointerviews/ ).<br />

Au bout de 7 jours, les programmes sont disponibles au téléchargement. La télévision publique anglaise<br />

s'affirme comme l'acteur novateur du secteur de la diffusion sur le Web en Europe.<br />

• Mediatop prône la diffusion des spots télé sur le Net<br />

(http://www.netpub.fr/references.html?theme=21#21 ).<br />

L'agence média envisage d'amener tous ses clients à utiliser le Web en complément de leurs campagnes<br />

télé. Objectif : accroître leur efficacité. (Journal du Net 17/03/2005)<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Des applications « Rich Media » à valeur ajoutée<br />

• Le Web TV : diffusion en ligne de vidéo.<br />

- Donner l'accès à une information en vidéo à la demande<br />

- Faciliter l'accès aux vidéos grâce aux outils d'indexation et moteurs de recherche<br />

- Enrichir et faciliter la communication online<br />

• Le Webcast : retransmission d’un évènement.<br />

- Synchroniser la vidéo à l'aide d'animations (Vidéo, photographie, PowerPoint)<br />

- Elargir l'audience des évènements sans contrainte de lieux<br />

- Renforcer leur impact et leur visibilité<br />

- Réduire les coûts associés (frais de déplacement, d'hébergement...)<br />

- Générer un retour sur investissement immédiat<br />

• Le E-learning : des modules vidéo d’enseignement sur Internet<br />

- Développer des communautés d'apprentissage et de collaboration<br />

- Permettre de compléter une formation à moindres coûts<br />

- Amplifier la transmission de connaissances en les rendants échangeables et<br />

réutilisables<br />

- Réduire les coûts de formation par un accès illimité<br />

- Offrir des formations en vidéo à des publics distants en économisant sur les frais de<br />

déplacement<br />

• La E-pub vidéo sur Internet :<br />

- Une réponse à toutes les problématiques des campagnes publicitaires en vidéo sur<br />

Internet<br />

- La maîtrise du Rich Media sur tous les maillons de la chaîne technique<br />

- Une offre de fonctions interactives ou de marketing viral<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Téléchargement contre <strong>streaming</strong><br />

1 - le fichier est chargé sur l ’ordinateur client<br />

2 - le fichier est visionné localement<br />

Fichiers vidéo<br />

serveur vidéo<br />

Routeur<br />

Internet<br />

1<br />

Routeur<br />

RTC<br />

Modem 56Kb/s<br />

2<br />

client<br />

Versions du fichier<br />

28Kb/s 56Kb/s 512Kb/s<br />

serveur<br />

"<strong>streaming</strong>"<br />

1 - test de performance de la liaison<br />

2 - création d ’un buffer pouvant stocker<br />

« n secondes » de vidéo<br />

3 - transmission des paquets<br />

4 - visualisation « n secondes » après<br />

l ’arrivée du premier paquet<br />

3<br />

Routeur<br />

Internet<br />

http://videos.tf1.fr/video/sport/<br />

Routeur<br />

RTC<br />

Modem 56Kb/s<br />

Buffer 7Ko<br />

4<br />

2<br />

client<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


La chaîne «vidéo numérique» doit être<br />

cohérente<br />

750Mb/s<br />

150kb/s à<br />

10Mb/s<br />

Real producer<br />

Adobe<br />

première<br />

Chaîne de postproduction<br />

:<br />

• réduire les débits par<br />

codage ;<br />

• encoder, stocker et<br />

intégrer les vidéos<br />

codec<br />

Débit<br />

constant<br />

Chaîne de diffusion :<br />

• établir un chemin unique<br />

vers le client ;<br />

• garantir et contrôler la<br />

qualité de la diffusion<br />

Routeur<br />

Serveur<br />

Routeur<br />

Internet<br />

Routeur<br />

Routeur<br />

Routeur<br />

Routeur<br />

Routeur<br />

Routeur<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Les outils de <strong>streaming</strong> : 4 éditeurs<br />

• Real Networks :<br />

– RealProducer Plus pour le codage audio/vidéo<br />

– RealServer pour le service de <strong>streaming</strong><br />

– RealPlayer pour la lecture des vidéo<br />

• Microsoft :<br />

– Windows Media Encoder pour le codage audio/vidéo<br />

– Windows Media Services pour le service de <strong>streaming</strong><br />

– Windows Media Player pour la lecture<br />

• Quick Time :<br />

– QuickTime Streaming Server (incluant QTSS Publisher) pour le service<br />

de <strong>streaming</strong><br />

– QuickTime Broadcaster pour la production « live »<br />

– QuickTime Player ou QuickTime Pro pour la lecture<br />

• Macromedia :<br />

– Flash Media Server pour le service de <strong>streaming</strong><br />

– Flash 8 Video Encoder pour le codage audio/vidéo<br />

– Flash Player pour la lecture<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Les logiciels vidéo d’encodage<br />

• Codeur Flash FLV Exemple de logiciels ou applicatifs permettant d’encoder<br />

une vidéo au format Flash FLV.<br />

• Real Producer Basic 10 C'est le dernier encodeur Real. Les fonctionnalités<br />

les plus importantes sont préservées dans cette version gratuite. Mais pour une<br />

utilisation plus avancée, il faudra passé à la "Plus".<br />

• Codeur Windows Media Microsoft propose gratuitement cette application<br />

propriétaire pour encoder vos fichiers vers les formats Windows Media. Très<br />

complète, elle permet toutes sortes de réglages (recadrage, multi-flux, batch,<br />

désentrelacement).<br />

• Windows Movie Maker Logiciel livré avec toutes les versions de Windows<br />

XP, Windows Movie Maker est très simple d'utilisation et idéal pour faire de<br />

petits montages.<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Préparer une vidéo pour le Web<br />

• Le format est choisi en fonction du type de serveur et de lecteur :<br />

– .wmv pour Windows Media Video<br />

– .mov le format utilisé par QuickTime<br />

– .rm le format de RealVideo<br />

– .mpg et .avi format conteneur qui utilise divers codecs<br />

– .flv le format vidéo Flash de Adobe/Macromédia<br />

• A chaque format son codeur dédié :<br />

– Codeur Windows Media (wmv, wma, asx, asf)<br />

– Real Producer (ram, rm, ra)<br />

– QuickTime Pro (mov)<br />

– Sorenson (Flv flash version 6 et 7)<br />

– On2 (Flv flash version 8 à venir au 3ème trimestre 2005)<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Les 5 étapes de création des fichiers<br />

serveur<br />

Web<br />

serveur<br />

"<strong>streaming</strong>"<br />

3 4<br />

2<br />

5<br />

1<br />

administration<br />

Hub<br />

r é s e a u<br />

I n t e r n e t<br />

Routeur<br />

Etape 1 : encodage des vidéos sur la station d’administration avec Real Producer ;<br />

Etape 2 : transfert des fichiers vidéos vers le serveur de <strong>streaming</strong> à partir de la station<br />

d’administration ;<br />

Etape 3 : création des fichiers HTML regroupant les liens vers les fichiers de pointage ;<br />

Etape 4 : création du fichier « Ram » de liaison entre navigateur et lecteur multimédia ;<br />

Etape 5 : création des fichiers de présentation multimédia SMIL sur le serveur de<br />

<strong>streaming</strong> ou serveur Web ;<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Intégrateur «Reach Media» : maîtriser la chaîne<br />

Depuis le scénario jusqu’au lecteur de <strong>streaming</strong>, les maillons de la chaîne de<br />

production et de transmission doit être cohérente. L’intégrateur doit connaître<br />

les techniques de chaque maillon :<br />

• Spécifications sur le scénario pour réduire le poids des images ;<br />

• Choix et paramétrages du codeur ;<br />

• Paramétrages de l’encodage ;<br />

• Maîtrise d’un langage et d’un outil d’<strong>intégration</strong> « Reach Media » (ex.: SMIL)<br />

• Choix, configuration et paramétrage du serveur de <strong>streaming</strong> ou choix de<br />

l’hébergeur ;<br />

• Contrôle de la qualité du service et gestion du serveur<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


La vidéo en ligne par <strong>streaming</strong><br />

1. Principe du <strong>streaming</strong> :<br />

– Actualités et applications<br />

– La chaîne « vidéo numérique »<br />

– Les outils<br />

– Créer les fichiers en 5 étapes<br />

– L’intégrateur « Reach Media »<br />

2. Le projet EdumediaS :<br />

– Les étapes<br />

– Le matériel et coûts<br />

– Topologie du service<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Le projet EdumediaS de Marne la Vallée<br />

2003-2004<br />

• Plateforme de <strong>streaming</strong> Helix Universal Server d’évaluation<br />

• Tests des solutions de <strong>streaming</strong> RealNetworks sur le réseau Intranet.<br />

• Projet tutoré DUT SRC2 : présentation de vidéos en ligne et d’outils d’apprentissage<br />

(tests, auto-évaluations) en Anglais<br />

2004-2005<br />

• Finalisation des tests de la solution de <strong>streaming</strong> RealNetworks<br />

• Acquisition des outils : Helix Universal Server - Real Producer - Real Player Entreprise<br />

• Interface de consultation des contenus audio/vidéo de l’IUT<br />

2005-2006<br />

• Edumédias http://iut-edumedias.univ-mlv.fr/<br />

• Projet tutoré licence professionnelle ATC en apprentissage : Refonte graphique du site,<br />

amélioration de l’interface, <strong>intégration</strong> de nouvelles matières<br />

• Test de diffusion vidéo en direct de la JPO sur le site WebTv de l’IUT de MLV<br />

2006-2007<br />

• Diffusion vidéo en direct de la JPO sur le site web de l’iut en <strong>streaming</strong> : Interviews,<br />

réponses aux questions posées par téléphone ou SMS<br />

• Projet tutoré des étudiants du DUT SRC : Webradio à l’IUT de MLV<br />

http://distriktradio.com/index.html - Mise en ligne d’un site Web de consultation de flux<br />

audio<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


EdumediaS : matériel et logiciels<br />

Helix Universal Server v.11<br />

• Nombre de clients supporté : 100 connexions en temps réel<br />

• Diffusion de contenus en VAD et LIVE au format Real Média, Windows Média, Quicktime et Flash<br />

• Mode de diffusion en Unicast et Multicast<br />

• Systèmes d’exploitation supportés : Windows 2003 Server, Linux RHEL 4.0, Solaris et Sun<br />

• Diffusion de contenus Real Média en Sure Stream<br />

• Interface graphique d’administration du serveur :<br />

– sécurisation des accès aux contenus, permissions d accès pour ecommerce<br />

– Gestion et optimisation de la diffusion<br />

– Console de monitoring : statistiques de diffusion en temps réel<br />

– Parmétrages de serveurs redondants (contenus « mis en cache »)<br />

Real Producer Plus v.11<br />

• Logiciel d’encodage et de transmission de flux temps réel vers le serveur<br />

• Formats et codecs acceptés : mpeg 1, 2, 4 - DV - MOV<br />

• Transmission et encodage technologie Sure Stream<br />

• Possibilité d’affiner les réglages de compression : redéfinition de la résolution, nombre d’image/sec,<br />

débits audio et vidéo,<br />

Carte d encodage OSPREY 230<br />

• Connectiques audio/vidéo : BNC, RCA, YC et XLR<br />

• Echantillonnage du signal vidéo en 4.1.1<br />

• Reconnue par l’ensemble des logiciels d’encodage et de montage<br />

• Adobe Première, Avid Liquid, Real Producer, Windows Média Codeur,<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


EdumediaS : des investissements mesurés<br />

type<br />

réf<br />

année<br />

Coût TTC<br />

en €<br />

Station d’encodage<br />

Station DELL : Xéon<br />

2x2,8GHz – Ram<br />

2Go – DD 300Go<br />

2003<br />

3500<br />

Serveur de diffusion<br />

Station DELL : Xéon<br />

2x2,8GHz – Ram<br />

2Go – DD 300Go<br />

2003<br />

3500<br />

Carte d’acquisition<br />

Viewcast Osprey 230<br />

2005<br />

500<br />

Logiciel serveur<br />

Helix Universal<br />

Server starter Bronze<br />

10Mb/s<br />

2005<br />

4000<br />

Logiciel d’encodage<br />

Real Producer Plus<br />

v1.1<br />

2005<br />

120<br />

Total :<br />

11620<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


EdumediaS : topologie du réseau de l’IUT<br />

Serveur<br />

d’encodage<br />

Serveur web<br />

Serveur<br />

de diffusion<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


EdumediaS : topologie du réseau de diffusion<br />

A/V<br />

Serveur Web<br />

Requêtes<br />

http<br />

Serveur<br />

d’encodage<br />

Serveur Web<br />

WebRadio<br />

Serveur<br />

d’encodage<br />

Serveur d’encodage<br />

externes<br />

Diffusion de<br />

flux A/V<br />

Transmission<br />

de flux A/V<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT


Liens utiles<br />

• Real Server :<br />

– Outils de <strong>streaming</strong> - http://europe.realnetworks.com/?src=fr_gb_home<br />

– Architecture du serveur Helix DNA -<br />

https://protocol.helixcommunity.org/2006/devdocs/sod-rtsp-adaptation-signaling-<br />

02.txt<br />

– Protocoles - https://protocol.helixcommunity.org/<br />

• Protocoles Temps Réel :<br />

– RTSP - http://www.ietf.org/rfc/rfc2326.txt<br />

– RTP - http://www.ietf.org/rfc/rfc1889.txt<br />

– RDT -<br />

https://protocol.helixcommunity.org/2005/devdocs/RDT_Feature_Level_30.txt<br />

• SMIL :<br />

– XHTML & SMIL - http://aristote1.aristote.asso.fr/CSMIL/<br />

– Normes - http://www.w3.org/TR/REC-smil<br />

– Éditeur + cours - http://wam.inrialpes.fr/<br />

• Site de <strong>streaming</strong> :<br />

– Vidéothèque de l’IRIA - http://www.inria.fr/multimedia/Videotheque-fra.html<br />

– Tutoriaux – astuces - http://www.video-en-ligne.com/<br />

IUT de Marne la Vallée la vidéo en ligne par <strong>streaming</strong> © D. PRESENT

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!