mozilla

Formats Media supportés par les éléments HTML audio et vidéo

Les éléments <audio> et <video> permettent la lecture de médias audio et vidéo sans nécessiter de plug-ins. Les codecs vidéo et les codecs audio sont utilisés pour traiter la vidéo et l'audio : des codecs différents offrent différents niveaux de compression et de qualité. Un format de conteneur est utilisé pour stocker et transmettre la vidéo et l'audio codés ensemble. De nombreuses combinaisons de codecs et de formats conteneurs existent, bien que seule une poignée d’entre eux soit pertinentes pour une utilisation sur le web.

Différents navigateurs ne supportent pas les mêmes formats de médias dans leurs implémentations de HTML5 audio et vidéo, principalement en raison de problèmes de brevets. Les formats de médias sur le web ont beaucoup souffert du droit des brevets dans de nombreux pays dont les États-Unis et les pays de l’Union européenne. (Les notes sur les brevets dans cet article sont fournies en l'état et sans aucune garantie.) Cet article présente les différents combinaisons de codecs et conteneurs adaptées au web, ainsi que leur support par les navigateurs.

Pour lire une vidéo HTML5 qui fonctionne dans les dernières versions de tous les principaux navigateurs, vous pouvez vous servir votre vidéo au format WebM et au format MPEG H.264 AAC, à l'aide de l'élément <source> comme ceci :

<video controls>
  <source src="video.webm" type="video/webm">
  <source src="video.mp4" type="video/mp4">
  Je suis désolé, votre navigateur ne supporte pas les vidéos HTML5
  au format WebM avec VP8 ni au format MP4 avec H.264.
  <!-- Vous pouvez intégrer un lecteur Flash ici pour lire la vidéo mp4 dans les anciens navigateurs -->
</video>

WebM

Le format WebM est basé sur une version restreinte du format conteneur Matroska. Il utilise toujours le codec vidéo VP8 ou VP9 et le codec audio Vorbis ou Opus. WebM est supporté nativement dans Gecko (Firefox), Chrome et Opera, et le support du format peut être ajouté à Internet Explorer et Safari (mais pas iOS) en installant un add-on.

Communiqué de Microsoft expliquant pourquoi IE9 ne supporte pas WebM nativement.

Tous les brevets connus sur le format WebM sont autorisés à tous gratuitement. Toutefois, puisque WebM est un format relativement nouveau, le format n'a pas encore subi l'épreuve du temps par rapport à d'éventuels problèmes de brevets cachés, selon Microsoft et Apple.

Gecko reconnaît les types MIME suivants comme des fichiers WebM :

video/webm
Une fichier média WebM contenant de la vidéo (et éventuellement de l’audio).
audio/webm
Un fichier média WebM contenant seulement de l’audio.

Ogg Theora Vorbis

Le format conteneur Ogg avec le codec vidéo Theora et le codec audio Vorbis est pris en charge dans Gecko (Firefox), Chrome et Opera, et le support du format peut être ajouté à Safari (mais pas iOS) en installant un add-on. Le format n'est pas pris en charge dans Internet Explorer.

WebM est généralement préférée à Ogg Theora Vorbis lorsqu'il est disponible, car il offre un meilleur rapport compression/qualité et est supporté par plus de navigateurs. Le format Ogg peut cependant être utilisé pour le support de navigateurs plus anciens (par exemple, Firefox 3.5/3.6 ne gère pas WebM mais supporte Ogg).

La situation des brevets de Theora est similaire à celle de WebM.

Vous pouvez en apprendre plus sur la création de médias Ogg en lisant le Livre de cuisine de Theora.

Gecko reconnaît les types MIME suivants comme des fichiers Ogg :

audio/ogg
Un fichier Ogg contenant uniquement de l’audio.
video/ogg
Un fichier Ogg contenant de la vidéo (et éventuellement de l’audio).
application/ogg
Un fichier Ogg au contenu non spécifié. Utiliser l'un des deux autres types MIME est préférable, mais vous pouvez utiliser celui-ci si vous ne connaissez pas le contenu du fichier.

Ogg Opus

Le conteneur Ogg peut également contenir de l'audio encodé avec le codec Opus. Ccette technologie est disponible dans Gecko 15,0 et plus.

MP4 H.264 (AAC ou MP3)

Le format conteneur MPEG avec le codec vidéo H.264 et le codec audio AAC ou le codec audio MP3 est supporté nativement par Internet Explorer, Safari et Chrome mais pas par Chromium et Opera. Firefox prendra bientôt en charge le format, mais seulement quand un décodeur tiers sera disponible.

Les formats MPEG médias sont couverts par des brevets, qui ne sont pas sous licence libre. Tous les permis nécessaires peuvent être achetés auprès de MPEG LA. Puisque H.264 n'est pas un format libre de droits, il est impropre à la plate-forme Web ouverte, selon Mozilla [1, 2], Google [1, 2] et Opera. Toutefois, étant donné que les formats libres ne sont pas pris en charge par Internet Explorer et Safari, Mozilla a quand même décidé d'inclure les codecs. De plus, Google n'a jamais rempli leur promesse de retirer sa prise en charge par Chrome.

WAVE PCM

Le format conteneur WAVE, avec le codec audio PCM (WAVE codec "1") est pris en charge par Gecko (Firefox) et Safari. Les fichiers dans au format WAVE finissent généralement par l'extension ". Wav".

Remarque: Voir la RFC 2361 pour le registre codec WAVE.

Gecko reconnaît les types MIME suivants sous forme de fichiers audio WAVE :

  • audio/wave (de préférence)
  • audio/wav
  • audio/x-wav
  • audio/x-pn-wav

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support Basic 3.0 3.5 (1.9.1) 9.0 3.1 10.50
<audio>: WAVE, PCM (Oui) 3.5 (1.9.1) Pas de support Pas de support 3.1
<audio>: WebM, Vorbis (Oui) 4.0 (2.0) Pas de support 10.60 3.1 (doit être installé séparément)
<audio>: Ogg, Vorbis (Oui) 3.5 (1.9.1) Pas de support 10.50 3.1 (doit être installé séparément, par exemple XiphQT)
<audio>: MPEG-4, MP3
(Oui) (Pas en chrome)
 
Pas de support (bientôt, si une tierce partie décodeur est installé) 9,0 Pas de support 3.1
<audio>: MPEG-4, AAC
(Oui) (principal seulement) (Non en chrome)
 
Pas de support (bientôt, si une tierce partie décodeur est installé) 9,0 Pas de support 3.1
<audio>: Ogg, Opus ? Unknown (15,0) ? ? ?
<video>: WebM, VP8, Vorbis (Oui) 4.0 (2.0) 9.0 (doit être installé séparément, par exemple WebM MF) 10,60 3.1 (doit être installé séparément, par exemple Perian)
<video>: Ogg, Theora, Vorbis (Oui) 3.5 (1.9.1) Pas de support 10.50 3.1 (doit être installé séparément, par exemple XiphQT)
<video>: MPEG-4, H.264, MP3
(Oui) (Pas en chrome)
 
Pas de support (bientôt, si une tierce partie décodeur est installé) 9,0 Pas de support 3.1
<video>: MPEG-4, H.264, AAC
(Oui) (Pas en chrome)
 
Pas de support (bientôt, si une tierce partie décodeur est installé) 9,0 Pas de support 3.1
tout autre format Pas de support Pas de support Pas de support Pas de support 3.1 (joue tous les formats disponibles via QuickTime)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ?
Les codecs vidéo dans Opera
Les codecs vidéo dans Internet Explorer
Les codecs audio dans Internet Explorer
Codecs audio et vidéo à Chrome

Voir aussi

Utilisation d'audio et video dans Firefox
Éléments multimédias (spécification HTML 5)
vidéo
acoustique

Étiquettes et contributeurs liés au document

Contributeurs à cette page : Goofy, tregagnon, Blancdememoire, wakka27, SyBen
Dernière mise à jour par : SyBen,