intégration streaming

La vidéo en ligne par streaming :
un métier pour demain
Dominique PRESENT
I.U.T. de Marne la Vallée
La vidéo en ligne par streaming
1.
–
–
–
–
–
Principe du streaming :
Actualités et applications
La chaîne « vidéo numérique »
Les outils
Créer les fichiers en 5 étapes
L’intégrateur « Reach Media »
1.
–
–
–
IUT de Marne la Vallée
Le projet EdumediaS :
Les étapes
Le matériel et coûts
Topologie du service
la vidéo en ligne par streaming
© D. PRESENT
1
L’actualité du streaming
•
Webcasting à Londres.
Avec l'avènement des Jeux Olympiques en Angleterre, c'est tout un secteur on-line qui se trouve boosté.
Créations de sites ou lifting spécial JO, les sociétés de Webcasting se retrouvent avec un projet d'une
ampleur mondiale.
•
Roland Garros en Webcasting…
Avec Tennis Everywhere, les passionnés de tennis pourront suivre l'intégralité de Roland Garros depuis
leur ligne fixe, grâce à MaLigne tv, la télévision par ADSL et à MaLigne Visio ; depuis leur mobile
avec Orange, et sur Internet avec wanadoo.fr
… et en Vidéo à la demande ( http://videos.tf1.fr/jt-13h/ ).
Avec ce service, les clients suivront la compétition en fonction de leurs propres disponibilités en
choisissant l'heure à laquelle ils souhaitent visionner un match. La visualisation coûtera entre 1 et 3
euros par programme.
•
Vidéo à la demande pour la consultation de ses archives de la BBC (
http://www.bbc.co.uk/bbcfour/audiointerviews/ ).
Au bout de 7 jours, les programmes sont disponibles au téléchargement. La télévision publique anglaise
s'affirme comme l'acteur novateur du secteur de la diffusion sur le Web en Europe.
•
Mediatop prône la diffusion des spots télé sur le Net
(http://www.netpub.fr/references.html?theme=21#21 ).
L'agence média envisage d'amener tous ses clients à utiliser le Web en complément de leurs campagnes
télé. Objectif : accroître leur efficacité. (Journal du Net 17/03/2005)‫‏‬
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
Des applications « Rich Media » à valeur ajoutée
•
Le Web TV : diffusion en ligne de vidéo.
- Donner l'accès à une information en vidéo à la demande
- Faciliter l'accès aux vidéos grâce aux outils d'indexation et moteurs de recherche
- Enrichir et faciliter la communication online
•
Le Webcast : retransmission d’un évènement.
- Synchroniser la vidéo à l'aide d'animations (Vidéo, photographie, PowerPoint)
- Elargir l'audience des évènements sans contrainte de lieux
- Renforcer leur impact et leur visibilité
- Réduire les coûts associés (frais de déplacement, d'hébergement...)
- Générer un retour sur investissement immédiat
•
Le E-learning : des modules vidéo d’enseignement sur Internet
- Développer des communautés d'apprentissage et de collaboration
- Permettre de compléter une formation à moindres coûts
- Amplifier la transmission de connaissances en les rendants échangeables et
réutilisables
- Réduire les coûts de formation par un accès illimité
- Offrir des formations en vidéo à des publics distants en économisant sur les frais de
déplacement
•
La E-pub vidéo sur Internet :
- Une réponse à toutes les problématiques des campagnes publicitaires en vidéo sur
Internet
- La maîtrise du Rich Media sur tous les maillons de la chaîne technique
- Une offre de fonctions interactives ou de marketing viral
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
2
Streaming contre téléchargement
téléchargement
1 - le fichier est chargé sur l ’ordinateur client
2 - le fichier est visionné localement
Fichiers vidéo
Routeur
1 Routeur RTC
2 client
Internet
serveur vidéo
Modem 56Kb/s
1 - test de performance de la liaison
2 - création d ’un buffer pouvant stocker
Versions du fichier
28Kb/s 56Kb/s 512Kb/s « n secondes » de vidéo
3 - transmission des paquets
4 - visualisation « n secondes » après
l ’arrivée du premier paquet
3
Routeur
serveur
"streaming"
Internet
Routeur
Buffer 7Ko
4
2
client
RTC
Modem 56Kb/s
Streaming et téléchargement progressif
La chaîne «vidéo numérique» doit être
cohérente
Chaîne de postproduction :
• réduire les débits par
codage ;
• encoder, stocker et
intégrer les vidéos
150kb/s à
10Mb/s
Real producer
Adobe
première
750Mb/s
codec
Serveur
Débit
constant
Routeur
Routeur
Routeur
Routeur
Internet
Chaîne de diffusion :
• établir un chemin unique
vers le client ;
• garantir et contrôler la
qualité de la diffusion
IUT de Marne la Vallée
Routeur
Routeur
Routeur
Routeur
la vidéo en ligne par streaming
© D. PRESENT
3
La vidéo Flash s’intègre aux pages web
• Les avantages :
–
–
–
–
Permet la lecture de la vidéo dans le navigateur ;
S’intègre parfaitement dans les pages web ;
La lecture se fait en téléchargement progressif ;
Flash Professional MX 2004 autorise la lecture à partir
d’un serveur de streaming ;
• Les inconvénients :
– Nécessite des fichiers au format FLV (format
propriétaire) ;
– Ne permet pas la gestion de la qualité de transmission
(protocoles RTP/RTCP)
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
Une amélioration des outils
• arrivée du Flash MX utilisant le format FLV pour la vidéo ;
• développement du codec Spark de Sorenson Media ;
• Flash professional MX 2004 évite l’utilisation de fichiers
SWF pour l’intégration des fichiers vidéo encodés ;
• développement du Codec TrueMotion VP6 de ON2
Technologies qui peut être utilisé pour de la diffusion ;
• en 2006, arrivée de Flash professional 8 et le codec ON2
VP6 améliorent la qualité des vidéo et permet l'utilisation du
canal Alpha (réalisation de transparences)
4
Intégrer une vidéo en Flash : les outils
Les encodeurs
• Flash professional 8 pour un montage professionnel ;
• Riva FLV Encoder pour une solution gratuite ;
• autre solution : utiliser YouTube comme encodeur (limité à 10
minutes et non paramètrable
Les lecteurs FLV
• Flash player intégré dans le navigateur ;
• lecteur VLC de Videolan - fonctionne sous Linux ou Windows. Il
permet de lire les fichiers .flv plein écran ;
• Flash Video Player de Jeroen Wijering
Téléchargement de vidéos Flash video en local.
• utiliser le site VideoDownloader
• installer une extension de Firefox pour détecter les vidéos sur les pages
web et les enregistrer en local comme Video Downloadhelper .
Le paramétrage de l’encodeur
Taille de l'image
• format standard habituel en DV ou en DVD est 720x576 pixels ;
• redimensionner en format 4x3 (640x480 320x240 160x120 etc...) ou en
format 16x9 (640x360 320x180 160x90 etc...) ;
Entrelacement [Interlace]
• pour la télévision la vidéo est entrelacée ;
• si nécessaire désentrelacer [deinterlace] avant d'encoder la vidéo ;
Nombre d'images par seconde [Framerate]
• nombre d'images par seconde standard est de 25 ;
• adapter le nombre d'images par secondes au débit disponible (choisir
12,5 images par seconde ou des divisions par multiples de 2) ;
Débit [Bitrate]
Dépend de la taille de l'image et du nombre d’images par secondes ;
Son
Adapter à la qualité souhaitée au débit disponible ;
5
Intégrer de la vidéo Flash
Installer un lecteur en local :
• Le lecteur doit être installé sur le répertoire de la vidéo (fichier swf) ;
taille de la fenêtre de
Insérer lecteur et vidéo dans la page HTML :
• Exemple de code source :
lecture
<html>
Lecteur
<head>
<title>Ma vidéo</title>
vidéo flash
</head>
<body>
Fichier
<noembed>
vidéo
<object style="width:320px;height:260px">
<param name="movie" value="flvplayer.swf?file=mavideo.flv" />
<param name="quality" value="high" />
</object>
</noembed>
<embed width="320" height="260" src="flvplayer.swf?file=mavideo.flv"
quality="high" type="application/x-shockwave-flash" />
</body>
</html>
Les outils de streaming : 4 éditeurs
•
•
•
•
Real Networks :
– RealProducer Plus pour le codage audio/vidéo
– RealServer pour le service de streaming
– RealPlayer pour la lecture des vidéo
Microsoft :
– Windows Media Encoder pour le codage audio/vidéo
– Windows Media Services pour le service de streaming
– Windows Media Player pour la lecture
Quick Time :
– QuickTime Streaming Server (incluant QTSS Publisher) pour le service
de streaming
– QuickTime Broadcaster pour la production « live »
– QuickTime Player ou QuickTime Pro pour la lecture
Macromedia :
– Flash Media Server pour le service de streaming
– Flash 8 Video Encoder pour le codage audio/vidéo
– Flash Player pour la lecture
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
6
Les logiciels vidéo d’encodage
•
Codeur Flash FLV Exemple de logiciels ou applicatifs permettant d’encoder
une vidéo au format Flash FLV.
•
Real Producer Basic 10 C'est le dernier encodeur Real. Les fonctionnalités
les plus importantes sont préservées dans cette version gratuite. Mais pour une
utilisation plus avancée, il faudra passé à la "Plus".
•
Codeur Windows Media Microsoft propose gratuitement cette application
propriétaire pour encoder vos fichiers vers les formats Windows Media. Très
complète, elle permet toutes sortes de réglages (recadrage, multi-flux, batch,
désentrelacement).
•
Windows Movie Maker Logiciel livré avec toutes les versions de Windows
XP, Windows Movie Maker est très simple d'utilisation et idéal pour faire de
petits montages.
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
Préparer une vidéo pour le Web
•
Le format est choisi en fonction du type de serveur et de lecteur :
–
–
–
–
–
•
.wmv pour Windows Media Video
.mov le format utilisé par QuickTime
.rm le format de RealVideo
.mpg et .avi format conteneur qui utilise divers codecs
.flv le format vidéo Flash de Adobe/Macromédia
A chaque format son codeur dédié :
–
–
–
–
–
Codeur Windows Media (wmv, wma, asx, asf)‫‏‬
Real Producer (ram, rm, ra)‫‏‬
QuickTime Pro (mov)‫‏‬
Sorenson (Flv flash version 6 et 7)‫‏‬
On2 (Flv flash version 8 à venir au 3ème trimestre 2005)‫‏‬
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
7
Les 5 étapes de création des fichiers
administration
1
In te rn e t
Routeur
serveur
Web
serveur
"streaming"
3 4
Hub
2
ré s e a u
5
Etape 1 : encodage des vidéos sur la station d’administration avec Real Producer ;
Etape 2 : transfert des fichiers vidéos vers le serveur de streaming à partir de la station
d’administration ;
Etape 3 : création des fichiers HTML regroupant les liens vers les fichiers de pointage ;
Etape 4 : création du fichier « Ram » de liaison entre navigateur et lecteur multimédia ;
Etape 5 : création des fichiers de présentation multimédia SMIL sur le serveur de
streaming ou serveur Web ;
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
Intégrateur «Reach Media» : maîtriser la chaîne
Depuis le scénario jusqu’au lecteur de streaming, les maillons de la chaîne de
production et de transmission doit être cohérente. L’intégrateur doit connaître
les techniques de chaque maillon :
•
Spécifications sur le scénario pour réduire le poids des images ;
•
Choix et paramétrages du codeur ;
•
Paramétrages de l’encodage ;
•
Maîtrise d’un langage et d’un outil d’intégration « Reach Media » (ex.: SMIL)‫‏‬
•
Choix, configuration et paramétrage du serveur de streaming ou choix de
l’hébergeur ;
•
Contrôle de la qualité du service et gestion du serveur
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
8
La vidéo en ligne par streaming
1.
–
–
–
–
–
Principe du streaming :
Actualités et applications
La chaîne « vidéo numérique »
Les outils
Créer les fichiers en 5 étapes
L’intégrateur « Reach Media »
1.
–
–
–
IUT de Marne la Vallée
Le projet EdumediaS :
Les étapes
Le matériel et coûts
Topologie du service
la vidéo en ligne par streaming
© D. PRESENT
Le projet EdumediaS de Marne la Vallée
2003-2004
• Plateforme de streaming Helix Universal Server d’évaluation
• Tests des solutions de streaming RealNetworks sur le réseau Intranet.
• Projet tutoré DUT SRC2 : présentation de vidéos en ligne et d’outils d’apprentissage
(tests, auto-évaluations) en Anglais
2004-2005
• Finalisation des tests de la solution de streaming RealNetworks
• Acquisition des outils : Helix Universal Server - Real Producer - Real Player Entreprise
• Interface de consultation des contenus audio/vidéo de l’IUT
2005-2006
• Edumédias http://iut-edumedias.univ-mlv.fr/
• Projet tutoré licence professionnelle ATC en apprentissage : Refonte graphique du site,
amélioration de l’interface, intégration de nouvelles matières
• Test de diffusion vidéo en direct de la JPO sur le site WebTv de l’IUT de MLV
2006-2007
• Diffusion vidéo en direct de la JPO sur le site web de l’iut en streaming : Interviews,
réponses aux questions posées par téléphone ou SMS
• Projet tutoré des étudiants du DUT SRC : Webradio à l’IUT de MLV
http://distriktradio.com/index.html - Mise en ligne d’un site Web de consultation de flux
audio
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
9
EdumediaS : matériel et logiciels
Helix Universal Server v.11
•
Nombre de clients supporté : 100 connexions en temps réel
•
Diffusion de contenus en VAD et LIVE au format Real Média, Windows Média, Quicktime et Flash
•
Mode de diffusion en Unicast et Multicast
•
Systèmes d’exploitation supportés : Windows 2003 Server, Linux RHEL 4.0, Solaris et Sun
•
Diffusion de contenus Real Média en Sure Stream
•
Interface graphique d’administration du serveur :
–
–
–
–
sécurisation des accès aux contenus, permissions d accès pour ecommerce
Gestion et optimisation de la diffusion
Console de monitoring : statistiques de diffusion en temps réel
Parmétrages de serveurs redondants (contenus « mis en cache »)‫‏‬
Real Producer Plus v.11
•
Logiciel d’encodage et de transmission de flux temps réel vers le serveur
•
Formats et codecs acceptés : mpeg 1, 2, 4 - DV - MOV
•
Transmission et encodage technologie Sure Stream
•
Possibilité d’affiner les réglages de compression : redéfinition de la résolution, nombre d’image/sec,
débits audio et vidéo,
Carte d encodage OSPREY 230
•
Connectiques audio/vidéo : BNC, RCA, YC et XLR
•
Echantillonnage du signal vidéo en 4.1.1
•
Reconnue par l’ensemble des logiciels d’encodage et de montage
•
Adobe Première, Avid Liquid, Real Producer, Windows Média Codeur,
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
EdumediaS : des investissements mesurés
type
réf
année
Coût TTC
en €
Station d’encodage
Station DELL : Xéon 2003
2x2,8GHz – Ram
2Go – DD 300Go
3500
Serveur de diffusion
Station DELL : Xéon 2003
2x2,8GHz – Ram
2Go – DD 300Go
3500
Carte d’acquisition
Viewcast Osprey 230 2005
500
Logiciel serveur
Helix Universal
Server starter Bronze
10Mb/s
2005
4000
Logiciel d’encodage
Real Producer Plus
v1.1
2005
120
Total :
IUT de Marne la Vallée
la vidéo en ligne par streaming
11620
© D. PRESENT
10
EdumediaS : topologie du réseau de l’IUT
Serveur
d’encodage
Serveur web
IUT de Marne la Vallée
Serveur
de diffusion
la vidéo en ligne par streaming
© D. PRESENT
EdumediaS : topologie du réseau de diffusion
A/V
Serveur Web
Requêtes
http
Serveur
d’encodage
WebRadio
Serveur Web
Serveur
d’encodage
Serveur d’encodage
externes
Diffusion de
flux A/V
IUT de Marne la Vallée
Transmission
de flux A/V
la vidéo en ligne par streaming
© D. PRESENT
11
Liens utiles
•
Real Server :
– Outils de streaming - http://europe.realnetworks.com/?src=fr_gb_home
– Architecture du serveur Helix DNA https://protocol.helixcommunity.org/2006/devdocs/sod-rtsp-adaptation-signaling02.txt
– Protocoles - https://protocol.helixcommunity.org/
•
Protocoles Temps Réel :
– RTSP - http://www.ietf.org/rfc/rfc2326.txt
– RTP - http://www.ietf.org/rfc/rfc1889.txt
– RDT https://protocol.helixcommunity.org/2005/devdocs/RDT_Feature_Level_30.txt
•
SMIL :
– XHTML & SMIL - http://aristote1.aristote.asso.fr/CSMIL/
– Normes - http://www.w3.org/TR/REC-smil
– Éditeur + cours - http://wam.inrialpes.fr/
•
Site de streaming :
– Vidéothèque de l’IRIA - http://www.inria.fr/multimedia/Videotheque-fra.html
– Tutoriaux – astuces - http://www.video-en-ligne.com/
IUT de Marne la Vallée
la vidéo en ligne par streaming
© D. PRESENT
12