Audio HTML
L'élément HTML <audio>
est utilisé pour lire un fichier audio sur une page Web.
L'élément HTML <audio>
Pour lire un fichier audio en HTML, utilisez l' <audio>
élément :
Exemple
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Audio HTML - Comment ça marche
L' controls
attribut ajoute des commandes audio, comme la lecture, la pause et le volume.
L' <source>
élément vous permet de spécifier des fichiers audio alternatifs parmi lesquels le navigateur peut choisir. Le navigateur utilisera le premier format reconnu.
Le texte entre les balises <audio>
et </audio>
ne sera affiché que dans les navigateurs qui ne prennent pas en charge l' <audio>
élément.
Lecture automatique <audio> HTML
Pour démarrer automatiquement un fichier audio, utilisez l' autoplay
attribut :
Exemple
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Remarque : les navigateurs Chromium n'autorisent pas la lecture automatique dans la plupart des cas. Cependant, la lecture automatique en sourdine est toujours autorisée.
Ajoutez muted
après
autoplay
pour que votre fichier audio commence à jouer automatiquement (mais en sourdine) :
Exemple
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'
<audio>
élément.
Element | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formats audio HTML
Il existe trois formats audio pris en charge : MP3, WAV et OGG. Le support du navigateur pour les différents formats est :
Browser | MP3 | WAV | OGG |
---|---|---|---|
Edge/IE | YES | YES* | YES* |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
*À partir du bord 79
Audio HTML - Types de médias
File Format | Media Type |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
HTML Audio - Méthodes, propriétés et événements
Le DOM HTML définit les méthodes, les propriétés et les événements de l' <audio>
élément.
Cela vous permet de charger, de lire et de mettre en pause des fichiers audio, ainsi que de définir la durée et le volume.
Il existe également des événements DOM qui peuvent vous avertir lorsqu'un fichier audio commence à jouer, est mis en pause, etc.
Pour une référence complète du DOM, consultez notre référence HTML Audio/Video DOM .
Balises audio HTML
Tag | Description |
---|---|
<audio> | Defines sound content |
<source> | Defines multiple media resources for media elements, such as <video> and <audio> |