la vidéo en ligne par streaming : un métier pour...
TRANSCRIPT
1
La vidéo en ligne par streaming :un métier pour demain
Dominique PRESENT
I.U.T. de Marne la Vallée
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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. Le projet EdumediaS :– Les étapes– Le matériel et coûts– Topologie du service
2
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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
3
RTCInternetRouteur Routeur
Modem 56Kb/s
Streaming contre téléchargement
Fichiers vidéo
serveur vidéo
1
1 - le fichier est chargé sur l ’ordinateur client
client2 - le fichier est visionné localement
2
Versions du fichier28Kb/s 56Kb/s 512Kb/s
serveur"streaming"
RTCInternetRouteur Routeur
Modem 56Kb/s
2
client
Buffer 7Ko
3
1 - test de performance de la liaison2 - création d ’un buffer pouvant stocker « n secondes » de vidéo3 - transmission des paquets4 - visualisation « n secondes » après l ’arrivée du premier paquet
4
Streaming et téléchargement progressif
téléchargement
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
La chaîne «vidéo numérique» doit être cohérente
Adobepremière
Real producer
750Mb/s
150kb/s à10Mb/s
Chaîne de post-production : • réduire les débits par codage ;• encoder, stocker et intégrer les vidéos
Chaîne de diffusion : • établir un chemin unique vers le client ;• garantir et contrôler la qualité de la diffusion
InternetRouteur
Routeur
Routeur
Routeur
Routeur
RouteurRouteur
Routeur
Serveur
codec
Débit constant
4
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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)
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 8et le codec ON2 VP6 améliorent la qualité des vidéo et permet l'utilisation du canal Alpha (réalisation de transparences)
5
Intégrer une vidéo en Flash : les outils Les encodeurs
• Flash professional 8pour un montage professionnel ;• Riva FLV Encoderpour une solution gratuite ;• autre solution : utiliser YouTubecomme 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’encodeurTaille 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 ;
SonAdapter à la qualité souhaitée au débit disponible ;
6
Intégrer de la vidéo FlashInstaller un lecteur en local :
• Le lecteur doit être installé sur le répertoire de la vidéo (fichier swf) ;
Insérer lecteur et vidéo dans la page HTML :• Exemple de code source :<html>
<head><title>Ma vidéo</title>
</head> <body>
<noembed><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>
Lecteur vidéo flash
Fichier vidéo
taille de la fenêtre de lecture
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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
7
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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)
8
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
Les 5 étapes de création des fichiers
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 ;
administration
I n t e r n e t
serveur"streaming"
r é s e a userveur
Web
Routeur
Hub
1
25
3 4
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
9
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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. Le projet EdumediaS :– Les étapes– Le matériel et coûts– Topologie du service
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
Le projet EdumediaS de Marne la Vallée2003-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
10
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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
11620Total :
1202005Real Producer Plus v1.1
Logiciel d’encodage
40002005Helix Universal Server starter Bronze 10Mb/s
Logiciel serveur
5002005Viewcast Osprey 230Carte d’acquisition
35002003Station DELL : Xéon 2x2,8GHz – Ram 2Go – DD 300Go
Serveur de diffusion
35002003Station DELL : Xéon 2x2,8GHz – Ram 2Go – DD 300Go
Station d’encodage
Coût TTC en €
annéeréftype
11
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
EdumediaS : topologie du réseau de l’IUT
Serveur webServeur
de diffusion
Serveurd’encodage
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
EdumediaS : topologie du réseau de diffusion A/V
WebRadio
Serveur Web
Serveurd’encodage
Serveur Web
Serveurd’encodage
Serveur d’encodage externes
Transmission de flux A/V
Diffusion de flux A/V
Requêtes http
12
IUT de Marne la Vallée la vidéo en ligne par streaming © D. PRESENT
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-signaling-02.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/