Séquence 1 : Préparation des contenus multimédia

Technique d’intégration multimédia

Introduction

L'enregistrement d'une vidéo peut se faire par plusieurs biais : on donne l'exemple de postproduction
pour la réalisation de documentaires, téléfilms, reportages, vidéo clips, films d'animation. Ce produit
fini doit être distribuer sur les différentes plateformes web ou à la télévision.

La vidéo numérique ?

Une vidéo numérique est un fichier qui contient des images, du son et du texte (méta données) placés
dans un conteneur. Dans ce conteneur, images, son et texte sont compressés, car l’infrastructure des
réseaux de diffusion ne peut supporter la charge des flux audiovisuels natifs. On peut dire que les
fichiers des vidéos numériques sont les zips de l’audiovisuel. Les compression et décompression de ces
fichiers sont réalisées par des codecs.
Le conteneur est un format de fichier qui contient les flux audio et vidéo, l’information codec et les
métadonnées.
Un codec (acronyme de codage-décodage) est un algorithme de compression / décompression d’un
signal audiovisuel numérique.

Conteneur et format vidéo

Le format d’un fichier vidéo est indiqué par le nom de son conteneur (MP4, MOV, AVI, FLV, MKV,
ASF, etc.). Il existe une vingtaine de conteneurs dont les principaux sont cités ci-dessous. Ces
conteneurs ont été développés au fil du temps par différentes sociétés et communautés pour s’adapter
aux évolutions technologiques. Un conteneur peut encapsuler plusieurs pistes audio et vidéo.

Les principaux conteneurs vidéo

 3GP – (extensions .3gp ou .3g2) – 3GPP

 AVI – Audio Video Interleave (extension : .avi) – Microsoft
 ASF – Advanced Systems Format (extensions : .asf, . wma, .wmv) – Microsoft
 FLV – Flash vidéo (extension : .flv) – Adobe
 MKV – Matroska (extensions : .mkv, .mka, .mks, .mk3d) – CoreCodec (Open source)
 MP4 – (extensions : .mp4, .mp4a, .mp4b, .mp4r, .mp4v, mp4p) – Moving Picture Experts Group
 MPEG (extensions : .mpg ,.mpeg) – Moving Picture Experts Group
 MXF – Material eXchange Format (extension : .mxf) – SMPTE
 OGG – Ogg Media (extension : .ogg) – Xiph.org
 Quicktime – (extensions : .mov, .qt) – Apple
 TS Transport Stream (extension : .ts) – Moving Picture Experts Group
 WebM (extension : .webm) – WebM project (Open source)

Extension des fichiers vidéo

Le fichier numérique d’une vidéo est identifiable par le nom de l’extension du fichier (.mp4, .mov, .avi,
.flv, .mkv, .3gp, etc.). L’extension et le conteneur ont souvent un nom identique. Attention, ce n’est pas
une règle car il existe parfois plusieurs extensions pour un même conteneur.

Les codecs
On l’a vu plus haut, le rôle d’un codec est de compresser/décompresser les données audiovisuelles.
Par exemple, le signal d’une vidéo HD non compressé (de résolution 1920 x 1080 à 25
images/secondes) contient un flux de données de 1,5 Gbit/s. Un CDRom pourrait contenir 0,5
seconde de cette vidéo !
Les codecs sont donc indispensables pour réduire la taille des flux vidéo. Un codec est un dispositif
électronique ou un logiciel permettant de compresser et/ou de décompresser un signal numérique : il
encode pour transmettre, stocker ou crypter des flux audiovisuels et les décodent pour l’édition ou la
lecture.

Il existe plusieurs centaines de codecs (audio, vidéo, texte), chacun ayant été développé pour un
usage spécifique.
Pour le web, une dizaine de codecs suffit (liste ci-dessous).

Avant sa mise en ligne sur le web, une vidéo réalisée par un professionnel est encodée 3 fois: 1) au
moment de la prise de vues par les caméras, 2) après le montage du film et enfin et 3) à la mise en ligne
sur le web.
Les codecs vidéo les plus courants pour le web :

 DivX
 FFmpeg MPEG-4
 MPEG-4 ou H.264
 Theora VP9
 x.264
 Xvid
Remarque : DivX et Xvid sont également deux codecs populaires, particulièrement utilisés pour
encoder des DVD.
Les codecs audio utiles pour le web :

 AAC MPEG 1,2

 AudioLayer 3 (MP3)
 Ogg Vorbis

Quel est le lien entre conteneur et codec ?

Un bon conteneur est compatible avec de nombreux codecs. Par exemple les conteneurs MP4 et MOV
peuvent encapsuler des flux audiovisuels encodés avec la plupart des codecs.

Remarque : le conteneur ne contient pas le codec lui même (le programme) mais son identifiant
(FourCC).
La lecture du codec se fait en local, autrement dit, si vous n’arrivez pas à lire une vidéo, il est fort
probable que vous n’ayez pas le bon codec installé sur votre machine.

Un conteneur ne définit pas la qualité d’une vidéo !

La qualité de restitution est définie à l’encodage par le choix et le paramétrage du codec.
La meilleure façon de décrire une vidéo est d’indiquer le conteneur ET le codec. Par exemple, un fichier
MOV encodé en H.264.

Format et codec

Nombre de personnes confondent codecs et conteneurs. D’autant plus que certaines compagnies
utilisent le même nom pour le codec et le conteneur. Par exemple “mpeg-4” décrit à la fois le codec et
le conteneur alors que vous pouvez très bien avoir un codec mpeg-4 dans un conteneur AVI.

Un codec est un programme, il ne doit pas être confondu avec un format de compression ou format
d’encodage. Le format est un fichier, un moyen de stocker les données numériques, tandis qu’un codec
est un programme qui peut lire ou écrire des données. Le codec est un programme qui créé l’information
Le conteneur est un fichier qui contient l’information.

Le meilleur format vidéo pour le web ?

Le choix du format se pose au moment où l’on veut publier une vidéo sur le web. Cette question
s’adresse à ceux qui veulent diffuser eux même leurs vidéos, ou bien utiliser les plateformes vidéo
(Dailymotion, Youtube, Vimeo, etc.). Si l’on regarde le nombre de conteneurs, multiplié le nombre de
codecs, cela fait beaucoup de combinaisons possibles.
Toutefois, pour une diffusion internet, voici les formats à utiliser (acceptés par les plateformes vidéo)
:

 .MOV
 .MP4
 .AVI
 .WMV
 .FLV
 .3GP
 .WebM

Le WebM est un format multimédia ouvert principalement destiné à être utilisé sur internet, mais une
utilisation en local est tout à fait possible. La base de ce conteneur est un dérivé de Matroska, il utilise
un flux vidéo encodé en VP8 et un ou plusieurs flux audios encodés en Vorbis, il peut également
contenir des sous-titres.
Seuls ces codecs vidéo et audio sont supportés, et ceci pour garantir le support du format sur les
navigateurs et les lecteurs vidéos. (Le flux vidéo peut aussi être encodé en VP9, successeur de VP8,
mais ce codec n'est pas activé par défaut sur tous les navigateurs).
Pour télécharger WebM : http://www.mirovideoconverter.com/
Il s'agit d'un logiciel freeware très simple. Disponible pour Mac et Windows.

Exportation pour le Web avec Première pro

Avec Adobe Premiere Pro, vous pouvez créer des vidéos pouvant être exportées sur le Web ou sur des
périphériques mobiles.

Pour exporter votre projet, cliquez sur la séquence et sélectionnez Fichier > Exportation > Média.
Dans la boîte de dialogue Réglages d’exportation, choisissez les valeurs optimales de format de fichier,
de taille d’image, de débit ou sélectionnez une préconfiguration prête à utiliser pour un transfert plus
rapide et une meilleure qualité de lecture.

Formats pour le web

Lorsque vous diffusez une vidéo sur Internet, vous devez produire des fichiers à des débits de données
plus bas. Les utilisateurs équipés de connexions Internet rapides peuvent voir les fichiers
instantanément ou après très peu d’attente pour le chargement, alors que ceux qui sont équipés d’un
accès par modem RTC doivent attendre longuement la fin du chargement des fichiers. Réduisez la
longueur des vidéos pour faire que les temps de téléchargement restent dans des limites acceptables
pour les utilisateurs équipés d’un accès par ligne commutée.

Sélection de la cadence d’images appropriée

La cadence d’images indique le nombre d’images par secondes (ips). Si vous avez un élément avec un
débit de données élevé, la réduction de la cadence d’images peut améliorer la lecture sur les bandes
passantes limitées. Par exemple, si vous compressez un clip vidéo avec peu de mouvements, la division
de la cadence d’images par deux permet de réduire de 20 % le débit de données. Cependant, si vous
compressez une vidéo contenant de nombreux mouvements, la réduction de la cadence d’images a
beaucoup plus d’impact sur le débit de données.

La qualité des images vidéo étant nettement meilleure à leur cadence d’images d’origine, gardez une
cadence d’images élevée si les canaux de transmission et les plates-formes de lecture le permettent.
Pour la diffusion sur le Web, vous pouvez obtenir ces informations auprès de votre service
d’hébergement. Pour les périphériques mobiles, utilisez les paramètres prédéfinis de codage spécifiques
au périphérique, ainsi que l’émulateur du périphérique disponible par l’intermédiaire d’Adobe Media
Encoder dans Premiere Pro. Vous obtiendrez de meilleurs résultats en divisant la cadence d’images par
des nombres entiers.

Sélection d’une taille d’image qui corresponde au rapport entre le débit de données et l’aspect des
images

Pour tout débit de données (vitesse de connexion), l’augmentation de la taille des images fait diminuer
la qualité vidéo. Lorsque vous sélectionnez la taille des images pour les paramètres de codage, vous
devez également considérer la cadence d’images, le matériau d’origine et vos préférences personnelles.
Afin d’éviter les barres noires de chaque côté de l’image, la taille des images doit avoir le même rapport
d’aspect que celui des métrages d’origine. Par exemple, l’encodage d’un métrage NTSC en taille
d’image PAL entraîne l’affichage de barres noires de chaque côté de l’image.

La durée du téléchargement

Vous devez connaître le temps du téléchargement de votre vidéo afin qu’elle soit lue jusqu’à la fin sans
avoir à s’arrêter pour terminer le téléchargement. Pendant le téléchargement de la première partie de la
vidéo, vous pouvez afficher un autre contenu afin de masquer le téléchargement. Pour les vidéos
courtes, utilisez la formule suivante : Pause = durée de téléchargement – durée de lecture + 10 % de la
durée de lecture. Par exemple, si votre clip dure 30 secondes et que son téléchargement dure une minute,
utilisez un tampon de 33 secondes. La formule correspondante est la suivante : 60 secondes – 30
secondes + 3 secondes = 33 secondes.

Suppression des bruits et de l’entrelacement

Pour obtenir un codage optimal, supprimez les bruits et les entrelacements.

La qualité de l’animation finale est proportionnelle à la qualité de la vidéo d’origine. Les cadences et
les tailles d’une vidéo Internet sont plus petites que celles d’une vidéo de télévision. Toutefois, les
moniteurs d’ordinateur sont généralement aussi performants que les télévisions haute-définition en
termes de fidélité des couleurs, de saturation, de netteté et de résolution. Même avec une petite fenêtre,
la qualité des images est en 673 général aussi importante pour les vidéos numériques que pour la
télévision haute définition. Les parasites et le bruit sont au moins aussi évidents sur l’écran d’un
ordinateur que sur celui d’une télévision.

Production des fichiers audio

Les mêmes considérations s’appliquent à la production audio comme à la production vidéo. Pour
pouvoir obtenir une bonne compression audio, utilisez un support audio de qualité. Si votre projet
comporte du contenu audio issu d’un CD, transférez directement les fichiers audio du CD sur votre
disque dur. N’enregistrez pas le son via l’entrée analogique de votre carte son. La carte son introduit
une conversion numérique à analogique et analogique à numérique superflue qui risque d’ajouter des
bruits à vos matériaux source audio. Des outils de transfert numérique direct sont disponibles pour les
plates-formes Windows et Macintosh®. Pour enregistrer à partir d’une source analogique, utilisez la
carte son de la meilleure qualité possible.
Extraction de pistes de CD à l’aide de la commande Ouvrir (Mac OS)
Remarque : cette méthode d’extraction peut considérablement diminuer les performances d’Adobe
Audition. La commande Extraire audio du CD est généralement la meilleure méthode.
La commande Ouvrir vous permet d’extraire les pistes au format AIFF. Audition doit toutefois
poursuivre la lecture des données audio issues de
CD, ce qui ralentit l’importation et le montage.

1. Insérez un CD audio dans le lecteur de CD-ROM de l’ordinateur.

2. Choisissez Fichier > Ouvrir.

3. Sélectionnez QuickTime comme type de fichier, puis naviguez jusqu’au lecteur de CD-ROM.

4. Sélectionnez les pistes à extraire et cliquez sur Ouvrir.

Paramètres du format MP3

MP3 est le format audio compressé standard utilisé dans la diffusion en ligne.
Type Sélectionnez Constant pour appliquer un débit homogène ou Variable pour modifier le débit
d’après le contenu audio.
Vitesse de transfert (pour les débits constants) ou Qualité (pour les Règle le debits variables)
Compromis entre la taille du fichier et la qualité audio. Des paramètres plus
élevés augmentent la taille et la qualité ; des paramètres moins élevés les
réduisent.
Evitez de compresser un même fichier audio plusieurs fois au format mp3. Si
vous ouvrez et réenregistrez un fichier mp3, celui-ci est recompressé, de sorte
que tous les artefacts issus du processus de compression deviennent plus
prononcés.
Exemple d’enregistrer sur un format

8
 Enregistrer une image pour le web sur Photoshop
Photoshop est le logiciel incontournable pour la conception et la réalisation de maquettes de
sites web.
Pour enregistrer une image pour le Web, vous devez la compresser pour qu’elle n’alourdisse
pas votre site internet. Voici la procédure à suivre :

 Ouvrez votre image dans Photoshop

 Dans le menu “Fichier” cliquez sur “Exportation” puis sur “Enregistrer pour le web (hérité)

9
 Dans la fenêtre qui s’affiche, sélectionnez jpeg comme format de compression puis changez la
qualité de l’image. Ici, j’ai choisi une qualité d’image moyenne. Vous pouvez aussi modifier la
taille de l’image afin de réduire son poids. Cliquez ensuite sur “Enregistrer”.

10
 Le résultat

En redimensionnant puis en compressant l’image, nous sommes passés d’une image de 2,7 Mo
à seulement 71 Ko tout en gardant une qualité d’affichage correcte : parfait pour illustrer votre
site web sans augmenter le temps de chargement de votre page web.

Redimensionner une image pour le web sur Photoshop

Pour redimensionner une image avec Photoshop, suivez ces étapes :

 Commencez d’abord par ouvrir une image dans Photoshop

11
 Allez ensuite dans le menu image et cliquez sur “Taille de l’image”.

 Nous voulons utiliser cette image pour un site internet, il faut donc la redimensionner pour
qu’elle soit adaptée à la taille standard des écrans d’ordinateur : 1024*768 pixels. Modifier les
valeurs puis cliquez sur “Ok”.

12
 Automatiser vos tâches sur Photoshop
Vous allez apprendre à automatiser des tâches simples avec Photoshop CC.

Vous avez des dizaines de photos à redimensionner et à compresser? Pourquoi ne pas faire cette
manipulation avec Photoshop CC en moins de 5 minutes ?

 Commencez par créer un dossier sur votre ordinateur et placez y vos photos à modifier

 Ouvrez une première photo avec Photoshop et allez dans le menu “Fenêtre” pour cliquer sur
“Actions”.

13
 Créez un nouveau script en cliquant sur la petite icône à côté de la corbeille en bas à droite de
la fenêtre. Nous allons l’appeler ici : « redimensionner et enregistrer pour le web ». Cliquez sur
“Enregistrer”.

14
 Une fois le script créé, le bouton d’enregistrement devient rouge. Faites toutes les opérations

que vous avez besoin d’automatiser.

15
 Reportez-vous aux formations “Enregistrer une image pour le web sur Photoshop” et
“Comment redimensionner une image pour le web sur Photoshop” pour redimensionner une
image et enregistrer une image pour le web. N’oubliez pas de fermer votre image après avoir
effectué vos opérations, c’est important pour la suite.

 Cliquez maintenant sur l’icône « arrêter l’enregistrement » en bas à gauche de la fenêtre script.
Votre script doit ressembler à cela:

 Vous allez maintenant pouvoir automatiser vos opérations : allez dans le menu fichier puis
“Automatisation” et cliquez sur “Traitement par lots”.

16
 Sélectionnez maintenant le script que vous voulez utiliser et le dossier dans lequel se trouvent
vos photos. Cliquez sur OK et en un clin d’œil toutes vos photos seront redimensionnées et
compressées.

17