Audio-taggen
Taggen audio kontrollerer avspilling
av lydopptak på en HTML-side. Når
den legges til, vises en spiller på siden,
som vil ha knapper som "Tilbake", "Frem",
"Stopp" og så videre (utseendet og antallet avhenger
av nettleseren). Banen til filen angis via
attributtet src eller den innestede taggen source.
Taggen source er nødvendig for å angi
baner til lydopptaksfiler i ulike formater
(siden nettlesere støtter forskjellige lydformater,
for eksempel mp3 eller wav).
Hvis du har et opptak i ett av formatene,
må du konvertere det til de andre.
Inne i taggen audio kan du skrive tekst
som vil vises i nettlesere som
ikke støtter lyd i HTML (dette gjøres
for å informere brukerne om det).
Hvis du ønsker å se en spiller for å kontrollere avspilling
av lyd - bør du legge til attributtet controls.
Uten den vil du ikke se noe - og lyd vil
heller ikke være til stede. For at det skal være lyd når
spilleren mangler - legg til attributtet autoplay.
Attributter
| Attributt | Beskrivelse |
|---|---|
src |
Angir banen til lydfilen.
Men det er bedre å bruke taggen source for dette
(i så fall kan man angi lyd i forskjellige formater).
|
preload |
Brukes til å laste lydfilen samtidig med lasting av netsiden.
Aksepterte verdier: none (ikke last filen, standard),
metadata (last kun metadata: varighet osv.),
auto (last hele lydfilen når HTML-siden lastes).
|
autoplay |
Lyden begynner å spille umiddelbart etter at siden er lastet,
og tilstedeværelsen av attributtet preload vil bli ignorert.
Attributt uten verdi. |
controls |
Legger til en kontrollpanel for lydfilen.
Og tilstedeværelsen av attributtet preload vil bli ignorert.
Attributt uten verdi. |
loop |
Gjentar lydopptaket i en "loop": etter fullføring begynner den å spille på nytt.
Og tilstedeværelsen av attributtet preload vil bli ignorert.
Attributt uten verdi. Som standard (hvis attributtet mangler) vil opptaket kun spilles av 1 gang.
|
muted |
Slår av lyden i lydopptaket.
Attributt uten verdi. Som standard (hvis attributtet mangler) er lyden på for opptaket. |
Eksempel . Spiller på netsiden
La oss legge til en spiller med et lydopptak på siden.
For de nettleserne som ikke støtter
taggen audio er det lagt igjen en spesielt merknad
om dette:
<audio src="track.mp3" controls>
Nettleseren din støtter ikke audio i HTML5.
</audio>
Eksempel . Spiller på netsiden med source-taggen
Og la oss nå i stedet for attributtet src
for taggen audio legge til taggen source:
<audio controls>
<source src="track.mp3">
Nettleseren din støtter ikke audio i HTML5.
</audio>