القائمة الرئيسية

الصفحات


```html
<audio controls>
  <source src="chemin_vers_votre_fichier_audio.mp3" type="audio/mpeg">
  Votre navigateur ne prend pas en charge l'élément audio.
</audio>
```

Dans cet exemple :

- La balise `<audio>` est utilisée pour inclure un fichier audio dans la page.
- L'attribut `controls` ajoute des contrôles de lecture à l'audio (lecture, pause, etc.).
- La balise `<source>` spécifie la source du fichier audio à l'aide de l'attribut `src`, et le type MIME du fichier audio à l'aide de l'attribut `type`. Vous pouvez inclure plusieurs balises `<source>` pour prendre en charge différents formats audio.
- Le texte "Votre navigateur ne prend pas en charge l'élément audio." s'affiche si le navigateur de l'utilisateur ne prend pas en charge la balise `<audio>` ou aucun des formats audio spécifiés.

Assurez-vous de remplacer "chemin_vers_votre_fichier_audio.mp3" par le chemin réel de votre fichier audio.

Pour insérer un fichier audio dans une page HTML, vous pouvez utiliser l’élément <audio>. Voici comment faire :

  1. Chemin du fichier audio (src) :

    • L’attribut src spécifie le chemin (URL) vers le fichier audio que vous souhaitez afficher.
    • Assurez-vous que le fichier audio est accessible à partir du même emplacement que votre page web.
    • Exemple :
      <audio controls>
        <source src="mon_fichier.ogg" type="audio/ogg">
        <source src="mon_fichier.mp3" type="audio/mpeg">
        Votre navigateur ne prend pas en charge l'élément audio.
      </audio>
      
  2. Texte alternatif (alt) :

    • Vous pouvez également ajouter un texte alternatif pour le fichier audio en utilisant l’attribut alt.
    • Ce texte s’affichera si le fichier audio ne peut pas être chargé ou si l’utilisateur utilise un lecteur d’écran.
    • Exemple :
      <audio controls>
        <source src="mon_fichier.ogg" type="audio/ogg">
        <source src="mon_fichier.mp3" type="audio/mpeg">
        Votre navigateur ne prend pas en charge l'élément audio.
        <p>Écoutez ce superbe son !</p>
      </audio>
      
  3. Autoplay (lecture automatique) :

    • Pour démarrer la lecture automatiquement, utilisez l’attribut autoplay :
      <audio controls autoplay>
        <source src="mon_fichier.ogg" type="audio/ogg">
        <source src="mon_fichier.mp3" type="audio/mpeg">
        Votre navigateur ne prend pas en charge l'élément audio.
      </audio>
      
    • Notez que les navigateurs Chromium n’autorisent pas la lecture automatique dans la plupart des cas. Cependant, la lecture automatique en mode muet est toujours autorisée. Ajoutez muted après autoplay pour permettre à votre fichier audio de démarrer automatiquement (mais en mode muet) :
      <audio controls autoplay muted>
        <source src="mon_fichier.ogg" type="audio/ogg">
        <source src="mon_fichier.mp3" type="audio/mpeg">
        Votre navigateur ne prend pas en charge l'élément audio.
      </audio>
      
  4. Formats audio pris en charge :

    • Trois formats audio sont pris en charge : MP3, WAV et OGG.
    • Assurez-vous de fournir plusieurs sources audio pour une compatibilité maximale avec différents navigateurs.


Commentaires

التنقل السريع