HTML -audio
Het HTML <audio>-element wordt gebruikt om een audiobestand op een webpagina af te spelen.
Het HTML <audio>-element
<audio>Gebruik het element om een audiobestand in HTML af te spelen :
Voorbeeld
<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>
HTML-audio - Hoe het werkt
Het controlskenmerk voegt audiobedieningen toe, zoals afspelen, pauzeren en volume.
Met <source>dit element kunt u alternatieve audiobestanden specificeren waaruit de browser kan kiezen. De browser gebruikt het eerste herkende formaat.
De tekst tussen de <audio>en tags wordt alleen weergegeven in browsers die het element </audio>niet ondersteunen .<audio>
HTML <audio> automatisch afspelen
autoplayGebruik het kenmerk om een audiobestand automatisch te starten :
Voorbeeld
<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>
Opmerking: Chromium-browsers staan autoplay in de meeste gevallen niet toe. Gedempte autoplay is echter altijd toegestaan.
Voeg muteddaarna
autoplaytoe om uw audiobestand automatisch af te spelen (maar gedempt):
Voorbeeld
<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>
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het
<audio>element volledig ondersteunt.
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML-audio-indelingen
Er zijn drie ondersteunde audioformaten: MP3, WAV en OGG. De browserondersteuning voor de verschillende formaten is:
| 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 |
*Vanaf rand 79
HTML-audio - Mediatypen
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML-audio - Methoden, eigenschappen en gebeurtenissen
De HTML DOM definieert methoden, eigenschappen en gebeurtenissen voor het <audio>element.
Hiermee kunt u audio laden, afspelen en pauzeren, evenals de duur en het volume instellen.
Er zijn ook DOM-gebeurtenissen die u kunnen waarschuwen wanneer een audio begint te spelen, wordt gepauzeerd, enz.
Ga voor een volledige DOM-referentie naar onze HTML Audio/Video DOM-referentie .
HTML-audiotags
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |