Éléments HTML audio et vidéo
Capítulo 10
Temps de lecture estimé : 2 minutes
+ Exercice
Écouter en audio
Les éléments HTML audio et vidéo sont une partie importante du développement Web moderne. Ils permettent aux développeurs d'intégrer facilement des fichiers audio et vidéo dans leurs pages, rendant l'expérience utilisateur plus riche et plus interactive.
L'élément
est utilisé pour intégrer des fichiers audio dans une page Web. Il prend en charge plusieurs formats audio, notamment MP3, WAV et Ogg. Pour inclure un fichier audio sur votre page, vous pouvez utiliser la syntaxe suivante :
, comme illustré dans l'exemple ci-dessous :
L'élément est utilisé pour intégrer des fichiers vidéo sur une page Web. Il prend en charge plusieurs formats vidéo, notamment MP4, WebM et Ogg. Pour inclure un fichier vidéo sur votre page, vous pouvez utiliser la syntaxe suivante :
, l'élément prend également en charge les commandes vidéo standard. Pour ajouter ces contrôles à votre fichier vidéo, ajoutez l'attribut "controls" à l'élément , comme illustré dans l'exemple ci-dessous :
De plus, vous pouvez également ajouter des sous-titres et des descriptions audio à vos fichiers vidéo à l'aide des balises . Les sous-titres permettent aux utilisateurs malentendants de suivre le contenu vidéo, tandis que les descriptions audio permettent aux utilisateurs malvoyants de comprendre ce qui se passe dans la vidéo. Pour ajouter des sous-titres ou des descriptions audio, ajoutez la balise à l'intérieur de l'élément , comme illustré dans l'exemple ci-dessous :
En bref, les éléments HTML audio et vidéo sont un excellent moyen d'ajouter du contenu multimédia à vos pages Web. Ils sont faciles à utiliser et offrent de nombreuses fonctionnalités pour rendre l'expérience utilisateur plus riche et plus engageante.
Répondez maintenant à l’exercice sur le contenu :
_Quelle est la syntaxe pour ajouter des commandes audio standard à un fichier audio intégré dans une page Web à l'aide de l'élément ?
1
2
3
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Chapitre suivant
Styles CSS en HTML
