HTML <audio> Tag

Definitie en gebruik

<audio> De tag wordt gebruikt om geluidscontent in een document in te voegen, zoals muziek of andere audiostralen.

<audio> De tag kan een of meerdere tags bevatten met verschillende audiobronnen <source> tag. De browser kiest de eerste bron die het ondersteunt.

<audio> en </audio> De tekst tussen tags wordt alleen weergegeven in browsers die het niet ondersteunen <audio> elementen worden weergegeven in de browser van de elementen.

Tip:Voor videobestanden, zie: <video> tag.

HTML ondersteunt drie audioformaten: MP3, WAV en OGG.

Audioformaten en browserondersteuning

Browser MP3 WAV OGG
Edge / IE Ondersteund Ondersteund * Ondersteund *
Chrome Ondersteund Ondersteund Ondersteund
Firefox Ondersteund Ondersteund Ondersteund
Safari Ondersteund Ondersteund Niet ondersteund
Opera Ondersteund Ondersteund Ondersteund

* Vanaf Edge 79

Zie ook:

HTML DOM Referentiemanual:HTML Audio/Video DOM Referentiemanual

Voorbeeld

Spel het geluidsbestand af:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Uw browser ondersteunt de audio-tag niet.
</audio>

Probeer het zelf uit

Eigenschap

Eigenschap Waarde Beschrijving
autoplay autoplay Het audio-bestand begint onmiddellijk af te spelen zodra het klaar is.
controls controls Het is voorgeschreven dat de audiocontroleelementen (bijvoorbeeld, play/pause-knoppen) moeten worden weergegeven.
loop loop Het audio-bestand begint opnieuw te spelen na elke afsluiting.
muted muted Stelt vast dat de audio-uitvoer zacht moet zijn.
preload
  • auto
  • metadata
  • none
 Stelt vast of en hoe audio wordt geladen bij het laden van de pagina.
src URL Stelt de URL van het audio-bestand vast.

Globale eigenschappen

<audio> De tag ondersteunt ook Globale eigenschappen in HTML.

Event eigenschappen

<audio> De tag ondersteunt ook Event eigenschappen in HTML.

Standaard CSS instellingen

Geen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die het element volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5