Multimédia HTML
Le multimédia est presque tout ce que vous pouvez entendre ou voir (par exemple, sons, musique, images, enregistrements, vidéos, films, animations, etc.). Il existe sous différents formats. Les pages web peuvent contenir des éléments multimédias de différents formats et types.
Balises multimédia
HTML permet d’ajouter différents fichiers multimédias sur votre site web à l’aide de diverses balises multimédias. Ces balises incluent :
<audio>pour afficher un fichier audio sur la page web,<video>pour afficher un fichier vidéo sur la page web,<embed>pour intégrer des fichiers multimédias sur la page web,<object>pour intégrer des fichiers multimédias sur la page web.<iframe>pour intégrer d’autres pages web.
Voici un exemple de base utilisant l’attribut controls et les balises <source> :
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<video controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video element.
</video>Formats multimédias
Les éléments multimédias tels que l’audio ou la vidéo sont stockés dans des fichiers média. Vous pouvez découvrir le type de fichier en regardant son extension.
Les fichiers multimédias ont des formats et différentes extensions : .mp3, .mp4, .mpg, .swf, .wav, .mpg, .wmv et .avi.
Formats audio
Le format le plus récent pour la musique enregistrée compressée est MP3. Ce terme est synonyme de musique numérique.
MP3 est un bon choix si votre site web traite de musique enregistrée.
| Format | Fichier | Description |
|---|---|---|
| MIDI (Musical Instrument Digital Interface). | .mid .midi | C’est le principal format pour tous les appareils de musique électronique (par exemple, les synthétiseurs et les cartes son PC). Les fichiers MIDI contiennent des notes numériques qui peuvent être jouées par des appareils électroniques, mais ils n’incluent pas de son. Il fonctionne bien sur le matériel audio et les ordinateurs, mais pas nativement dans les navigateurs web. Les navigateurs modernes peuvent gérer MIDI via l’API Web Audio. |
| RealAudio | .rm .ram | Permet la diffusion en continu de l’audio avec une faible bande passante. Dans les navigateurs web, il ne se lit pas. |
| WMA | .wma | Ce format a été développé par Microsoft et est généralement utilisé dans les lecteurs de musique. Il fonctionne bien sur les ordinateurs Windows, mais pas dans les navigateurs web. |
| AAC | .aac | Ce format a été développé par Apple comme format par défaut pour iTunes. Les fichiers .aac bruts ont une prise en charge limitée par les navigateurs, mais l’audio AAC est largement pris en charge lorsqu’il est encapsulé dans des conteneurs .mp4. |
| WAV | .wav | Ce format a été développé par IBM et Microsoft. Il fonctionne bien sur les systèmes d’exploitation Windows, Linux et Macintosh. Pris en charge par HTML5. |
| Ogg | .ogg | Ce format a été développé par la fondation Xiph.Org. Pris en charge par HTML5. |
| MP3 | .mp3 | C’est le format le plus populaire pour les lecteurs de musique. Ce format offre une bonne compression (fichiers de petite taille) et une haute qualité. Pris en charge par tous les navigateurs. |
| MP4 | .mp4 | C’est un format vidéo, mais il peut aussi être utilisé pour l’audio. La vidéo MP4 est le format vidéo de l’avenir sur Internet, ce qui entraîne une prise en charge automatique de l’audio MP4 par tous les navigateurs. |
TIP
HTML5 prend en charge nativement les formats audio MP3, AAC (dans des conteneurs MP4), WAV et Ogg.
Formats vidéo
| Format | Fichier | Description |
|---|---|---|
| MPEG | .mpg .mpeg | Créé par le Moving Pictures Expert Group. C’est le premier format vidéo populaire sur le web. Non pris en charge dans HTML5. |
| AVI (Audio Video Interleave) | .avi | Créé par Microsoft. Il est normalement utilisé dans le matériel TV et les caméras vidéo. Il fonctionne bien sur les ordinateurs Windows, mais pas dans les navigateurs web. |
| WMV (Windows Media Video) | .wmv | Créé par Microsoft. Il est normalement utilisé dans le matériel TV et les caméras vidéo. Il fonctionne bien sur les ordinateurs Windows, mais pas dans les navigateurs web. |
| QuickTime | .mov | Créé par Apple. Il est normalement utilisé dans le matériel TV et les caméras vidéo. Il fonctionne bien sur les ordinateurs Apple, mais pas dans les navigateurs web. |
| RealVideo | .rm .ram | Créé par Real Media et permet la diffusion en continu de vidéos avec une faible bande passante. Il est encore utilisé pour la télévision sur Internet et la vidéo en ligne, mais ne se lit pas dans les navigateurs web. |
| Flash | .swf .flv | Obsolète. Adobe Flash Player a été supprimé de tous les navigateurs modernes en 2020. Ce format est désormais considéré comme hérité et nécessite des émulateurs tiers pour être lu. |
| Ogg Theora | .ogg | Créé par la fondation Xiph.Org. Pris en charge par HTML5. |
| WebM | .webm | Créé par Mozilla, Opera, Google et Adobe. Pris en charge par HTML5. |
| MPEG-4 or MP4 | .mp4 | Créé par le Moving Pictures Expert Group. Il est généralement utilisé dans le matériel TV et les caméras vidéo plus récentes. Recommandé par YouTube. Pris en charge par tous les navigateurs HTML5. |
TIP
Seuls les formats vidéo WebM, MP4 et Ogg sont pris en charge par la norme HTML5.
Prise en charge des navigateurs
L’audio, la vidéo et l’animation sont gérés nativement par les navigateurs modernes. Bien que la prise en charge des formats varie, HTML5 a standardisé la lecture sans nécessiter de plugins tiers.
Practice
What kinds of files can HTML multimedia display?