Audio-bestanden Insluiten in HTML

HTML maakt het mogelijk om audio direct aan een webpagina toe te voegen met behulp van de <audio>-tag.

Audio Insluiten

De <audio>-tag toont een audioplayer in de browser.

Nuttige audio-attributen

• controls: toont afspelen, pauzeren, volume, enzovoort;
• autoplay: start automatisch met afspelen;
• loop: herhaalt de audio continu

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

De audiobron toevoegen

De <source>-tag binnen <audio> geeft aan de browser door waar het audiobestand zich bevindt en welk formaat het heeft.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

• <audio> definieert de speler en het gedrag ervan;
• <source> levert de URL's en formaten van audiobestanden;
• De fallback-tekst verschijnt als de browser geen audio kan afspelen.