Audio-tagget
Tagget audio styrer afspilningen af
lydoptagelser på en HTML-side. Når
det tilføjes, vises en afspiller på siden,
som vil have knapper som "Tilbage", "Frem",
"Stop" og så videre (deres udseende og antal afhænger
af browseren). Stien til filen angives via
attributten src eller det indlejrede tag source.
Tagget source er nødvendigt for at angive
stier til lydoptagelsesfiler i forskellige formater
(da browsere understøtter forskellige lydformater,
f.eks. mp3 eller wav).
Hvis du har en optagelse i et af formaterne,
skal du konvertere den til de andre.
Inde i tagget audio kan du skrive tekst,
som vil blive vist i browsere, der
ikke understøtter audio i HTML (dette gøres
for at informere brugerne om dette).
Hvis du ønsker at se en afspiller til styring af afspilningen
af lyd - skal du tilføje attributten controls.
Uden den vil du ikke se noget - og lyd vil
heller ikke være til stede. For at der skal være lyd uden
afspiller - tilføj attributten autoplay.
Attributter
| Attribut | Beskrivelse |
|---|---|
src |
Angiver stien til lydfilen.
Men det er bedre at bruge tagget source til dette
(i dette tilfælde kan man angive lyd i forskellige formater).
|
preload |
Bruges til at indlæse lydfilen samtidig med indlæsningen af websiden.
Accepterede værdier: none (indlæs ikke filen, standard),
metadata (indlæs kun metadata: varighed osv.),
auto (indlæs hele lydfilen ved indlæsning af HTML-siden).
|
autoplay |
Lyden begynder at afspille umiddelbart efter siden er indlæst,
hvorved tilstedeværelsen af attributten preload vil blive ignoreret.
Attribut uden værdi. |
controls |
Tilføjer en kontrolpanel til lydfilen.
hvorved tilstedeværelsen af attributten preload vil blive ignoreret.
Attribut uden værdi. |
loop |
Gentager lydoptagelsen i en "loop": efter afslutningen begynder den at afspille igen.
hvorved tilstedeværelsen af attributten preload vil blive ignoreret.
Attribut uden værdi. Som standard (hvis attributten ikke er til stede) afspilles optagelsen kun 1 gang.
|
muted |
Deaktiverer lyden i lydoptagelsen.
Attribut uden værdi. Som standard (hvis attributten ikke er til stede) er lyden tændt for optagelsen. |
Eksempel . Afspiller på websiden
Lad os tilføje en afspiller med en lydoptagelse på siden.
Til de browsere, der ikke understøtter
tagget audio, er der efterladt en speciel besked
om dette:
<audio src="track.mp3" controls>
Din browser understøtter ikke audio i HTML5.
</audio>
Eksempel . Afspiller på websiden med source-tag
Og lad os nu tilføje tagget source
i stedet for attributten src
for tagget audio:
<audio controls>
<source src="track.mp3">
Din browser understøtter ikke audio i HTML5.
</audio>
