CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Comprendre et Utiliser les Formats Vidéo pour le Web

Retour à la formation
Chapitre 20 Leçon 2
Précédent
Suivant

Cette leçon présente un aperçu détaillé des formats de fichiers vidéo et de leurs codecs, nécessaires pour assurer une compatibilité optimale sur différents navigateurs web.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons les divers formats de fichiers vidéo et leurs codecs associés. Nous commençons par une comparaison entre les codecs audio et vidéo, en soulignant l'importance de ces derniers dans la compression des images vidéo. Nous discutons de trois formats principaux pour le web:

  • H.264 (extension MP4): Très utilisé mais avec des restrictions de gratuité pour des usages spécifiques.
  • OGG Theora: Format libre de droits, bien que moins performant que le H.264.
  • WEBM: Également libre de droits, récent, et considéré comme le principal concurrent du H.264.

Nous démontrons également comment intégrer ces formats dans le HTML5 en utilisant la balise source. Pour finir, nous présentons deux ressources utiles: CANIUSE pour vérifier la compatibilité des propriétés et balises, et ONLINECONVERT.COM pour convertir rapidement vos vidéos aux formats adéquats.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de:
Comprendre les différences entre les codecs et les formats vidéo.
Savoir sélectionner les formats optimaux pour la diffusion web.
Apprendre à intégrer ces formats dans une page HTML5.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé de:
Avoir des notions de base en HTML5.
Comprendre les concepts fondamentaux de l'audio numérique.
Posséder quelques connaissances en vidéo numérique et compression.

Métiers concernés

Les usages professionnels de cette leçon incluent:
Développeurs web travaillant sur l'intégration de médias.
Concepteurs UX/UI optimisant les expériences vidéo.
Spécialistes du marketing numérique créant du contenu vidéo pour des campagnes.

Alternatives et ressources

En alternative aux formats présentés, vous pouvez explorer:
HEVC (H.265): Utilisé pour une meilleure compression que le H.264.
AV1: Un format libre de droits de nouvelle génération.
JPEG2000: Pour les images séquentielles, bien que moins courant pour le web.

Questions & Réponses

Le codec H.264 est soumis à des brevets qui limitent son utilisation libre. Il peut être utilisé gratuitement dans certains contextes, mais des frais de licence peuvent s'appliquer pour des usages commerciaux.
Le format WEBM est libre de droits et offre une bonne performance de compression, ce qui en fait un concurrent sérieux au H.264 pour la diffusion web.
Vous pouvez utiliser l'outil CANIUSE pour vérifier la compatibilité des balises et propriétés HTML5 avec les différents navigateurs et ainsi assurer une meilleure intégration.