« Production de fichiers vidéo pour le web » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
m (Orthogrpahe)
m (Orthographe et syntaxe.)
 
(26 versions intermédiaires par 6 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Ebauche}}
{{incomplet}}
== Introduction ==
== Introduction ==


Ligne 7 : Ligne 7 :
* Formats / conversion / réduction de la taille
* Formats / conversion / réduction de la taille
* Simple édition
* Simple édition
Voir aussi:
* [[Montage et conversion video]] (contient des listes de logiciels)


== Enregistrement ==
== Enregistrement ==


Il existe plusieurs types:
L'enregistrement d'une vidéo peut se faire par plusieurs biais:
* [[vidéographie]]s: enregistrer des manipulations à l'écran (y compris annotation et audio)
* [[Vidéographie]]s: enregistrement des manipulations visibles à l'écran (incluant éventuellement des annotations supplémentaire et des commentaires audio)
* Webcam: produire des introductions, commentaires, conclusions
* 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
* Caméra: filmer des séquences diverses


Ligne 27 : Ligne 30 :
On conseille fortement d'adopter un de ces formats.
On conseille fortement d'adopter un de ces formats.


Un format est un conteneur qui comprend plusieurs éléments (fichiers)
Un format est un '''conteneur''' qui comprend plusieurs éléments (fichiers) :
* une piste vidéo
* une piste vidéo
* une piste audio
* une piste audio
Ligne 33 : Ligne 36 :
* autres éléments
* 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
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.


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


Le WebM [http://www.webmproject.org/about/ (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.  
Le WebM [http://www.webmproject.org/about/ (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.  
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  
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 :
Il est supporté par entre autres :
Ligne 47 : Ligne 50 :
*Les utilisateurs d’internet explorer (version 9 et postérieur) doivent installer une application pour les lire.
*Les utilisateurs d’internet explorer (version 9 et postérieur) doivent installer une application pour les lire.


Il existe plusieurs possibilités d'encoder un fichier vidéo en WebM:
Il existe plusieurs possibilités pour encoder un fichier vidéo en WebM:
* [http://www.mirovideoconverter.com/ Miro Video Converter]. Il s'agit d'un logiciel freeware très simple. Disponible pour Mac et Windows.
* [http://www.mirovideoconverter.com/ 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. Mais attention cette extension n'est pas proposée par Mozilla est elle est, par conséquent, à considérer avec beaucoup de prudence!
* [https://firefogg.org/ 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.
* Avec l'extension WebM QuickTime pour QuickTime Pro.


Ligne 57 : Ligne 60 :


====OGG (HTML5)====
====OGG (HTML5)====
Ogg est un format de fichier conteneur ouvert. Plusieurs extensions sont possible pour le ficher de types ogg : .ogg, .ogv, .oga.ogx. L’extension habituelle du format OGG est .ogg.
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.  
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 de compression audio spécialisé dans la compression de la voix, Speex.
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 :
Il est supporté entre autres par certains navigateurs web qui peuvent lire nativement les composants multimédia Ogg Vorbis et Theora :
Ligne 72 : Ligne 75 :
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.  
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 petit que le format original.
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 correspondent plus ou moins à la vitesse de connexion que les utilisateurs moyens ont à disposition.
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 :
Il est supporté par :
* Internet Explorer 9.0
* Internet Explorer 9.0
* Google Chrome (de 4.0 à 16.0)
* Google Chrome (de 4.0 à 16.0)
* Firefox (à partir de 49)
* Apple Safari 5.0
* Apple Safari 5.0


====Flash====
====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.
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.
Ce format est a été 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. Son utilisation diminue et il est maintenant déconseillé.


Le codec vidéo peut être :
Le codec vidéo peut être :
Ligne 98 : Ligne 102 :
=== Les transcodeurs ===
=== 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.
Permettent de traduire d'un format à un autre (en spécifiant parfois les codecs). Un transcodeur permet aussi de diminuer la taille ou la qualité (images par secondes), etc.


== Simple édition ==
== Simple édition ==


Les opérations suivantes en font partie:
Les opérations suivantes en font partie:
* Couper au début et à la fin
* Couper au début et à la fin.
* Rogner (couper à gauche, droit, en haut et en bas)
* Rogner (couper à gauche, droit, en haut et en bas).
* Assembler des vidéos
* Assembler des vidéos.


Au débutants, on conseille d'utiliser les logiciels suivants:
Nous conseillons aux débutants d'utiliser les logiciels suivants:
* Windows Live Movie Maker (gratuit, mais il faut probablement le [http://windows.microsoft.com/en-us/windows-live/movie-maker télécharger])
* [[OpenShot]] (https://www.openshot.org/fr/download/ download), logiciel gratuit, open-source et multi-plateforme (Windows, Mac et Linux).
* [[iMovie]]  ([http://www.apple.com/mac/imovie/ download], ce produit est payant $15 ou se trouve déjà sur votre Mac): il y plusieurs tutoriel sur le web, parmi eux voilà [https://www.youtube.com/watch?v=BTWUXGFWSLo un exemple] très claire.
* [[iMovie]]  ([http://www.apple.com/mac/imovie/ download], ce produit est payant $15 ou se trouve déjà sur votre Mac): il y a plusieurs tutoriels sur le web, parmi eux voilà [https://www.youtube.com/watch?v=BTWUXGFWSLo un exemple] très clair.


=== Assembler des vidéos ===
=== Assembler des vidéos ===


Il faut d'abord transcoder dans un format que le logicel comprend:
Il faut d'abord transcoder dans un format que le logiciel comprend:
* Windows Live Movie Maker prend la plupart des formats courants ([http://windows.microsoft.com/en-us/windows-live/movie-maker-file-types-faq What kind of files can I use in Movie Maker?], Microsoft)
* OpenShot est basé sur la bibliothèque [https://www.ffmpeg.org/ FFmpeg]] et peut supporter tous les formats pris en charge par la bibliothèque.
* IMovie prend .DV, .MOV, .MPEG4, .M4V, H.264 et .AIC.
* IMovie accepte .DV, .MOV, .MPEG4, .M4V, H.264 et .AIC.


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


'''Avec Windows Live Movie Maker'''
'''Avec OpenShot'''
 
* Voir directement la page [[OpenShot]].
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'''
'''Avec Mac IMovie'''
* Importer vos vidéos (ils sont affichés dans la fenêtre du bas)
# Importer vos vidéos (ils sont affichés dans la fenêtre du bas).
* Nouveau projet
# Nouveau projet.
* Glisser des vidéos (ou des parties de vidéos) dans le projet
# Glisser des vidéos (ou des parties de vidéos) dans le projet.
* Enregistrer
# Enregistrer.
* Ajouter une bande audio ([http://support.apple.com/kb/PH14708?viewlocale=fr_FR&locale=fr_FR enregistrée avec iMovie] ou avec d'autres logiciels) ou de la musique à un vidéo
# Ajouter une bande audio ([http://support.apple.com/kb/PH14708?viewlocale=fr_FR&locale=fr_FR 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).
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 pleins de tutoriels vidéo sur YouTube.
Pour les 2 logiciels il existe plein de tutoriels vidéo sur YouTube.


== Diminuer la taille des vidéos ==
=== 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.
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 [http://www.iskysoft.com/article/video-compressor-software.html iskysoft]
Pour comprimer les vidéos, on peut utiliser un éditeur vidéo comme openshot. Sinon, il existe plusieurs logiciels (voir par exemple la petite liste dans [http://www.iskysoft.com/article/video-compressor-software.html 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
 
=== Découper une vidéo ===
 
'''Avec ffmpeg en ligne de commande'''
 
ffmpeg est un outil de développement multimedia pour développeurs, mais peut aussi être utilisé en ligne de commande.  {{citation|FFmpeg is the leading multimedia framework, able to decode, encode, transcode, mux, demux, stream, filter and play pretty much anything that humans and machines have created. }}
 
Téléchargement: https://ffmpeg.org/download.html
La commande suivante découpe le fichier input.mp4 and segments de 30 minutes et crée une série de fichiers output 1, 2, 3 etc.


* ''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 une meilleure intégration dans les pages du wiki). Lien de téléchargement : http://www.freevideocompressor.com/
ffmpeg -i input.mp4 -c copy -map 0 -segment_time 00:20:00 -f segment output%03d.mp4


== Liens ==
== Liens ==
Ligne 158 : Ligne 171 :
[[Catégorie:Multimédia]]
[[Catégorie:Multimédia]]
[[en:Video editing and conversion]]
[[en:Video editing and conversion]]
[[catégorie:vidéo]]

Dernière version du 12 décembre 2021 à 20:14

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

Voir aussi:

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

Formats et codecs

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.

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.
En savoir plus sur le WebM

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)

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

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 a été 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. Son utilisation diminue et il est maintenant déconseillé.

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.

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

Les transcodeurs

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

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.

Nous conseillons aux débutants d'utiliser les logiciels suivants:

Assembler des vidéos

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

  • OpenShot est basé sur la bibliothèque FFmpeg] et peut supporter tous les formats pris en charge par la bibliothèque.
  • IMovie accepte .DV, .MOV, .MPEG4, .M4V, H.264 et .AIC.

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

Avec OpenShot

Avec Mac IMovie

  1. Importer vos vidéos (ils sont affichés dans la fenêtre du bas).
  2. Nouveau projet.
  3. Glisser des vidéos (ou des parties de vidéos) dans le projet.
  4. Enregistrer.
  5. 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.

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, on peut utiliser un éditeur vidéo comme openshot. Sinon, 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

Découper une vidéo

Avec ffmpeg en ligne de commande

ffmpeg est un outil de développement multimedia pour développeurs, mais peut aussi être utilisé en ligne de commande. «FFmpeg is the leading multimedia framework, able to decode, encode, transcode, mux, demux, stream, filter and play pretty much anything that humans and machines have created. »

Téléchargement: https://ffmpeg.org/download.html

La commande suivante découpe le fichier input.mp4 and segments de 30 minutes et crée une série de fichiers output 1, 2, 3 etc.

ffmpeg -i input.mp4 -c copy -map 0 -segment_time 00:20:00 -f segment output%03d.mp4

Liens

Logiciels

Survols