De audio-tag
De tag audio beheert het afspelen
van audio-opnames op een HTML-pagina. Wanneer
deze wordt toegevoegd, verschijnt er een speler
op de pagina, die knoppen zal hebben zoals "Terug", "Vooruit",
"Stop" enzovoort (hun uiterlijk en aantal hangt af
van de browser). Het pad naar het bestand wordt opgegeven via
het attribuut src of de geneste tag source.
De tag source is nodig om
paden naar audiobestanden in verschillende formaten op te geven
(aangezien browsers verschillende audioformaten
ondersteunen, bijvoorbeeld mp3 of wav).
Als je een opname in één van de formaten hebt,
moet je deze ook naar andere converteren.
Binnen de tag audio kan je tekst schrijven,
die wordt weergegeven in browsers die
geen audio in HTML ondersteunen (dit wordt gedaan
om gebruikers hierover te informeren).
Als je de speler voor het beheren van het afspelen
van audio wilt zien - moet je het attribuut controls toevoegen.
Zonder dit zie je niets - en geluid is er dan
ook niet. Om geluid te hebben bij afwezigheid van
de speler - voeg het attribuut autoplay toe.
Attributen
| Attribuut | Beschrijving |
|---|---|
src |
Geeft het pad naar het audiobestand aan.
Maar het is beter om hiervoor de tag source te gebruiken
(in dat geval kan audio in verschillende formaten worden opgegeven).
|
preload |
Wordt gebruikt om het audiobestand gelijktijdig met het laden van de webpagina te laden.
Geaccepteerde waarden: none (bestand niet laden, standaard),
metadata (alleen metadata laden: duur van het geluid enzovoort),
auto (het audiobestand volledig laden bij het laden van de HTML-pagina).
|
autoplay |
Het geluid begint direct na het laden van de pagina te spelen,
waarbij de aanwezigheid van het attribuut preload wordt genegeerd.
Attribuut zonder waarde. |
controls |
Voegt een bedieningspaneel toe aan het audiobestand.
waarbij de aanwezigheid van het attribuut preload wordt genegeerd.
Attribuut zonder waarde. |
loop |
Herhaalt de audio-opname in een "lus": na voltooiing begint deze opnieuw te spelen.
waarbij de aanwezigheid van het attribuut preload wordt genegeerd.
Attribuut zonder waarde. Standaard (als het attribuut afwezig is) wordt de opname slechts 1 keer afgespeeld.
|
muted |
Schakelt het geluid in de audio-opname uit.
Attribuut zonder waarde. Standaard (als het attribuut afwezig is) is het geluid van de opname ingeschakeld. |
Voorbeeld . Speler op de webpagina
Laten we een speler met een audio-opname aan de pagina toevoegen.
Voor browsers die de
tag audio niet ondersteunen, is een speciale melding
hierover achtergelaten:
<audio src="track.mp3" controls>
Uw browser ondersteunt geen audio in HTML5.
</audio>
Voorbeeld . Speler op de webpagina met de source-tag
Laten we nu in plaats van het attribuut src
voor de tag audio de tag source toevoegen:
<audio controls>
<source src="track.mp3">
Uw browser ondersteunt geen audio in HTML5.
</audio>
