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

Notes:

• AAC est supporté uniquement dans le conteneur MP4.
• Opera Mini ne supporte aucun format vidéo ou audio lui-même, mais ils sont transmis au système pour être joués si le format est supporté. Opera Mobile le fait aussi pour les formats non supportés.
• Pour obtenir le navigateur Android jouant par défaut les vidéos au format H.264, il vous faudra réaliser certaines étapes, expliquées par Peter Gasston.
• Dans Firefox OS 1.0.1, en détectant le support de <video> pour les différents formats, HTMLMediaElement.prototype.canPlayType renvoie true par erreur pour les vidéos h.264 alors qu'elle ne sont pas supportées. Ce problème a été corrigé dans Firefox OS 1.1.
• Pour éviter des problèmes de brevets, le support pour MPEG 4, H.264, MP3 et AAC n'est pas compilé directement dans Firefox sur ordinateur et mobile (Android et Firefox OS). Il dépend du support par le système d'exploitation ou la carte graphique (la carte graphique doit aussi supporter le profil utilisé pour encoder la vidéo, dans le cas de MP4). Firefox pour ordinateur supporte ces formats sur les plateformes suivantes :

• 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
• Support des médias HTML dans Firefox
• Éléments multimédias (spécification HTML 5)
• video
• audio