Introduction à la balise audio
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre l'utilisation de la balise
<audio>
en HTML 5. - Savoir ajouter des contrôles de lecture audio pour les utilisateurs.
- Apprendre à ajouter du contenu de remplacement pour les navigateurs non compatibles.
Résumé
Apprenez à insérer un fichier audio dans une page HTML en utilisant la balise <audio>
de HTML 5.
Description
Dans cette leçon, nous vous montrons comment insérer un fichier audio dans une page HTML en utilisant la balise <audio>
introduite avec HTML 5. Auparavant, l'utilisation de fichiers audio sur les pages web nécessitait des plugins additionnels. Cependant, HTML 5 a simplifié ce processus en offrant une solution native.
Pour commencer, nous devons ajouter la balise <audio>
avec l'attribut src
pointant vers le fichier audio à lire. Par exemple, si le fichier audio est nommé lesminos.mp3 et se trouve dans un répertoire média, nous utiliserons <audio src='media/lesminos.mp3' controls>
. L'attribut controls
est essentiel car il permet d'afficher les contrôles de lecture, pause et volume du fichier audio, facilitant l'interaction des utilisateurs avec le contenu audio.
Vous pouvez également ajouter un texte de remplacement à l'intérieur de la balise <audio>
pour les navigateurs qui ne supportent pas encore cette fonctionnalité. Par exemple, Veuillez mettre à jour votre navigateur web.
Questions fréquentes
<audio>
, simplifiant grandement le processus.
controls
est important car il permet aux utilisateurs d'interagir avec le fichier audio, en offrant des boutons de lecture, pause et contrôle du volume.
<audio>
, le texte de remplacement inséré entre les balises ouvrantes et fermantes apparaîtra pour informer l'utilisateur de la nécessité de mettre à jour le navigateur.