Audio tag
Tag audio kontroliše reprodukciju
audio snimka na HTML stranici. Kada se
doda, na stranici se pojavljuje plejer,
koji će imati dugmad "Nazad", "Napred",
"Stop" i tako dalje (njihov izgled i broj zavisi
od brauzera). Put do fajla se zadaje preko
atributa src ili ugnežđenog taga source.
Tag source je potreban da bi se zadali
puteve do fajlova audio snimka u različitim formatima
(pošto brauzeri podržavaju različite formate
audio, na primer mp3 ili wav).
Ako imate snimak u jednom od formata,
treba da ga konvertujete i u druge.
Unutar taga audio može se napisati tekst,
koji će se prikazivati u brauzerima koji
ne podržavaju audio u HTML-u (ovo se radi
kako bi se korisnicima to saopštilo).
Ako želite da vidite plejer za kontrolu reprodukcije
audio - treba dodati atribut controls.
Bez njega nećete ništa videti - i zvuka pri
tome takođe neće biti. Da bi bio zvuk u odsustvu
plejera - dodajte atribut autoplay.
Atributi
| Atribut | Opis |
|---|---|
src |
Određuje put do audio fajla.
Ali bolje je za ovo koristiti tag source
(u ovom slučaju se može zadati audio u različitim formatima).
|
preload |
Koristi se za učitavanje audio fajla istovremeno sa učitavanjem stranice sajta.
Prihvatljive vrednosti: none (ne učitavati fajl, podrazumevano),
metadata (učitati samo servisne informacije: trajanje zvuka i tako dalje),
auto (učitati audiofajl u celosti pri učitavanju HTML stranice).
|
autoplay |
Zvuk počinje da se reprodukuje odmah nakon učitavanja stranice,
pri čemu će prisustvo atributa preload biti zanemareno.
Atribut bez vrednosti. |
controls |
Dodaje kontrolnu tablu audiofajlu.
pri čemu će prisustvo atributa preload biti zanemareno.
Atribut bez vrednosti. |
loop |
Ponavlja audio snimak u "krug": nakon završetka će početi da se reprodukuje iznova.
pri čemu će prisustvo atributa preload biti zanemareno.
Atribut bez vrednosti. Podrazumevano (ako atribut nije prisutan) snimak će se reprodukovati samo 1 put.
|
muted |
Isključuje zvuk u audio snimku.
Atribut bez vrednosti. Podrazumevano (ako atribut nije prisutan) kod snimka je zvuk uključen. |
Primer . Plejer na stranici sajta
Hajde da dodamo na stranicu plejer sa audio snimkom.
Za one brauzere koji ne podržavaju
tag audio ostavljena je specijalna poruka
o tome:
<audio src="track.mp3" controls>
Vaš brauzer ne podržava audio na HTML5.
</audio>
Primer . Plejer na stranici sajta sa tagom sourse
A sada hajde umesto atributa src
za tag audio da dodamo tag source:
<audio controls>
<source src="track.mp3">
Vaš brauzer ne podržava audio na HTML5.
</audio>
