La vidéo en ligne par streaming : un métier pour demain

Transcription

1 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. Le projet EdumediaS : Les étapes Le matériel et coûts Topologie du service 1

2 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 ( ). 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 ( ). 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 ( ). L'agence média envisage d'amener tous ses clients à utiliser le Web en complément de leurs campagnes ( 17/03/2005 télé. Objectif : accroître leur efficacité. (Journal du Net 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 2

3 Streaming contre téléchargement 1 - le fichier est chargé sur l ordinateur client 2 - le fichier est visionné localement Fichiers vidéo 1 serveur vidéo téléchargement Internet RTC Modem 56Kb/s 2 client Versions du fichier 28Kb/s 56Kb/s 512Kb/s serveur "streaming" 1 - test de performance de la liaison 2 - création d un buffer pouvant stocker «n secondes» de vidéo 3 - transmission des paquets 4 - visualisation «n secondes» après l arrivée du premier paquet 3 Internet RTC Modem 56Kb/s Streaming et téléchargement progressif Buffer 7Ko 4 2 client La chaîne «vidéo numérique» doit être cohérente 750Mb/s 150kb/s à 10Mb/s Real producer Adobe première Chaîne de postproduction : réduire les débits par codage ; encoder, stocker et intégrer les vidéos codec Débit constant Chaîne de diffusion : établir un chemin unique vers le client ; garantir et contrôler la qualité de la diffusion Serveur Internet 3

4 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 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

5 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 (640x x x120 etc...) ou en format 16x9 (640x x x90 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

6 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) ; 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"> taille de la fenêtre de lecture Lecteur vidéo flash Fichier vidéo <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 6

7 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. 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é : ( asf Codeur Windows Media (wmv, wma, asx, ( ra Real Producer (ram, rm, ( mov ) QuickTime Pro ( 7 Sorenson (Flv flash version 6 et ( 2005 On2 (Flv flash version 8 à venir au 3ème trimestre 7

8 Les 5 étapes de création des fichiers serveur Web serveur "streaming" administration Hub r é s e a u I n t e r n e t 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 ; 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 ; ( SMIL Maîtrise d un langage et d un outil d intégration «Reach Media» (ex.: 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 8

9 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 Le projet EdumediaS de Marne la Vallée 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 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 Edumédias 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 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 - Mise en ligne d un site Web de consultation de flux audio 9

10 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 Reconnue par l ensemble des logiciels d encodage et de montage Adobe Première, Avid Liquid, Real Producer, Windows Média Codeur, EdumediaS : des investissements mesurés type Station d encodage réf Station DELL : Xéon 2x2,8GHz Ram 2Go DD 300Go 2003 année Coût TTC en 3500 Serveur de diffusion Station DELL : Xéon 2x2,8GHz Ram 2Go DD 300Go Carte d acquisition Viewcast Osprey Logiciel serveur Helix Universal Server starter Bronze 10Mb/s Logiciel d encodage Real Producer Plus v Total :

11 EdumediaS : topologie du réseau de l IUT Serveur d encodage Serveur web Serveur de diffusion EdumediaS : topologie du réseau de diffusion A/V Serveur Web Requêtes http Serveur d encodage Serveur Web WebRadio Serveur d encodage Serveur d encodage externes Diffusion de flux A/V Transmission de flux A/V 11

12 Liens utiles Real Server : Outils de streaming - Architecture du serveur Helix DNA txt Protocoles - Protocoles Temps Réel : RTSP - RTP - RDT - SMIL : XHTML & SMIL - Normes - Éditeur + cours - Site de streaming : Vidéothèque de l IRIA - Tutoriaux astuces