Production de fichiers vidéo pour le web

De EduTech Wiki
Aller à : navigation, rechercher

1 Introduction

Cet article vise à produire un petit tutoriel qui explique comment produire de simples fichiers vidéos pour le web.

  • Enregistrement
  • Formats / conversion / réduction de la taille
  • Simple édition

2 Enregistrement

L'enregistrement d'une vidéo peut se faire par plusieurs biais:

  • Vidéographies: enregistrement des manipulations visibles à l'écran (incluant éventuellement des annotations supplémentaire et des commentaires audio)
  • Webcam: produire des introductions, commentaires, conclusions (la plupart des webcams sont fournies avec des logiciels permettant de les utiliser)
  • Caméra: filmer des séquences diverses

3 Formats et codecs

3.1 Les conteneurs (formats)

Il existe quatre formats populaires:

  • WebM
  • OGG
  • MP4
  • Flash

On conseille fortement d'adopter un de ces formats.

Un format est un conteneur qui comprend plusieurs éléments (fichiers)

  • une piste vidéo
  • une piste audio
  • du texte
  • autres éléments

Il faut éviter de faire la confusion entre le conteneur et son contenu qui lui est de type vidéo et/ou audio et qui est géré par un codec

3.1.1 WebM (HTML5), spécialement conçu pour le web

Le WebM (voir cette présentation sur le WebM) est un format multimédia ouvert. Il est principalement destiné à être utilisé sur internet, mais il peut aussi être utilisé en version locale. Il utilise un flux vidéo encodé en VP8 et un ou plusieurs flux audios encodés en Vorbis. Il peut contenir des sous-titres. Seuls les codes vidéo et audio cités précédemment sont supportés afin de garantir le support du format sur les navigateurs et les lecteurs.

Il est supporté par entre autres :

  • Google Chrome dès la version 6
  • Mozilla Firefox dès la version 4
  • Opera depuis sa version 10.60
  • Les utilisateurs d’internet explorer (version 9 et postérieur) doivent installer une application pour les lire.

Il existe plusieurs possibilités pour encoder un fichier vidéo en WebM:

  • Miro Video Converter. Il s'agit d'un logiciel freeware très simple. Disponible pour Mac et Windows.
  • FireFogg est une extension pour firefox qui permet d'encoder des vidéos au format WebM directement depuis le navigateur.
  • Avec l'extension WebM QuickTime pour QuickTime Pro.
3.1.1.1 En savoir plus sur le WebM

3.1.2 OGG (HTML5)

Ogg est un format de fichier conteneur ouvert. Plusieurs extensions sont possibles pour le ficher de types ogg : .ogg, .ogv, .oga.ogx. L’extension habituelle du format OGG est .ogg.

Le conteneur OGG peut contenir des pistes audio (en général Vorbis), vidéo (en général Theora) et texte (sous-titres). Il permet d’ avoir plusieurs pistes de chaque type pour proposer des médias multilingues par exemple.

Il utilise le format de compression audio Vorbis et les codecs associés et le format de compression vidéo Theora dont le codec est basé sur celui de VP3. Il offre un format de compression audio spécialisé dans la compression de la voix, Speex.

Il est supporté entre autres par certains navigateurs web qui peuvent lire nativement les composants multimédia Ogg Vorbis et Theora :

  • Mozilla Firefox (à partir de la version 3.54,5)
  • Google Chrome6
  • Safari (à partir de la version 4 avec le plugin de Xiph.org)
  • Opera (à partir de la version 10.57)

3.1.3 MP4 (HTML5),

Il fait partie du standard MPEG-4, beaucoup d'appareils enregistrent en MP4. Il s'agit d'un format standard de compression vidéo spécialement conçu pour la diffusion en ligne.

Après compression, les fichiers MP4 peuvent être jusqu’à 10x plus petits que le format original.

La qualité se définit par le taux en kilobits par seconde. Plus le taux est élevé, plus la qualité est bonne mais plus le fichier est gros et plus il peut prendre du temps pour être visualisé. Il faut donc faire un compromis pour les diffusions sur internet afin que le taux corresponde plus ou moins à la vitesse de connexion que les utilisateurs moyens ont à disposition.

Il est supporté par :

  • Internet Explorer 9.0
  • Google Chrome (de 4.0 à 16.0)
  • Firefox (à partir de 49)
  • Apple Safari 5.0

3.1.4 Flash

Flash est le format de fichier conteneur utilisé sur Internet pour diffuser des vidéos avec le lecteur Adobe Flash Player.Les vidéo flash sont abrégées sous le sigle FLV.

Ce format est utilisé pour les sites de partage de vidéo sur Internet. Il a l'avantage de proposer un faible encombrement, mais il est dépendant de la bande passante à disposition de l’utilisateur.

Le codec vidéo peut être :

  • une variante du H.264
  • le codec VP6 de la société On2 (société appartenant à Google)
  • une suite de captures écran.

L'audio est soit non compressé (PCM, ADPCM), soit compressé en MP3.

3.2 Les codecs

La vidéo et l'audio peuvent être encodés différemment à l'intérieur d'un seul type de conteneur. Choisissez le défaut ...

3.3 Les transcodeurs

Permettent de traduire un format en en autre (en spécifiant les codecs parfois). Un transcodeur permet aussi de diminuer la taille, diminuer la qualité (images par secondes), etc.

4 Simple édition

Les opérations suivantes en font partie:

  • Couper au début et à la fin
  • Rogner (couper à gauche, droit, en haut et en bas)
  • Assembler des vidéos

Aux débutants, on conseille d'utiliser les logiciels suivants:

  • Windows Live Movie Maker (gratuit, mais il faut probablement le télécharger) ; le support de Microsoft pour ce logiciel s'arrêtera bientôt et sous Windows 10, on expérimente davantage d'erreurs.
  • iMovie (download, ce produit est payant $15 ou se trouve déjà sur votre Mac): il y plusieurs tutoriels sur le web, parmi eux voilà un exemple très clair.

4.1 Assembler des vidéos

Il faut d'abord transcoder dans un format que le logiciel comprend:

Attention: MP4 possède beaucoup de variantes/Codecs, par exemple H.264 est un standard bien utilisé.

Avec Windows Live Movie Maker

Live Movie Maker

  • "Ajouter des vidéos et des photos"
  • Dans chaque vidéo: Clic-droit pour définir point de début et point de fin
  • Menu -> Enregistrer le film

Avec Mac IMovie

  • Importer vos vidéos (ils sont affichés dans la fenêtre du bas)
  • Nouveau projet
  • Glisser des vidéos (ou des parties de vidéos) dans le projet
  • Enregistrer
  • Ajouter une bande audio (enregistrée avec iMovie ou avec d'autres logiciels) ou de la musique à une vidéo

Le logiciel iMovie est installé de base sur la plupart des Macs récents. Vous pouvez le trouver dans le dossier « Applications ». Néanmoins, la dernière version d’iMovie (celle présentée lors de l’atelier, la version 10.0) nécessite le dernier système d’exploitation Mac OS X 10.9 Mavericks (la mise à jour est gratuite).

Pour les 2 logiciels il existe plein de tutoriels vidéo sur YouTube.

4.2 Diminuer la taille des vidéos

Il y a une limite à la taille des vidéos que l'on peut envoyer sur le wiki : 40Mo, ce qui n'est pas énorme.

Pour comprimer les vidéos, il existe plusieurs logiciels (voir par exemple la petite liste dans iskysoft)

  • Free Video Compressor pour Windows fonctionne très bien et permet de spécifier la taille du fichier de sortie via l'option "Desired Video Size". L'idéal également est de redimensionner la vidéo (option "Scaling") pour une taille d'environ 1200 px (cela a une meilleure intégration dans les pages du wiki). Lien de téléchargement : http://www.freevideocompressor.com/
  • HandBrake est un logiciel open source qui fonctionne sous Windows et Mac. Il permet notamment de convertir et redimensionner des vidéos. Lien de téléchargement : https://handbrake.fr/downloads.php

5 Liens

5.1 Logiciels

5.2 Survols