Oznaka audio
Oznaka audio upravlja predvajanje
zvočnega posnetka na HTML strani. Ob
njeni dodaji se na strani pojavi predvajalnik,
ki bo imel gumbe "Nazaj", "Naprej",
"Stop" in tako naprej (njihov videz in število je odvisno
od brskalnika). Pot do datoteke je določena z
atributom src ali vgrajeno oznako source.
Oznaka source je potrebna za določanje
poti do datotek zvočnega posnetka v različnih formatih
(saj brskalniki podpirajo različne formate
zvoka, na primer mp3 ali wav).
Če imate posnetek v enem od formatov,
ga je treba pretvoriti tudi v druge.
Znotraj oznake audio lahko napišete besedilo,
ki se bo prikazalo v brskalnikih, ki
ne podpirajo zvoka v HTML (to se naredi
zato, da obvestite uporabnike o tem).
Če želite videti predvajalnik za upravljanje predvajanja
zvoka - je treba dodati atribut controls.
Brez njega ne boste videli ničesar - in zvoka pri
tem tudi ne bo. Da bo zvok ob odsotnosti
predvajalnika - dodajte atribut autoplay.
Atributi
| Atribut | Opis |
|---|---|
src |
Določa pot do zvočne datoteke.
Ampak za to je bolje uporabiti oznako source
(v tem primeru bo mogoče določiti zvok v različnih formatih).
|
preload |
Uporablja se za nalaganje zvočne datoteke hkrati z nalaganjem spletne strani.
Sprejemljive vrednosti: none (ne naloži datoteke, privzeto),
metadata (naloži samo službene informacije: trajanje predvajanja in tako naprej),
auto (naloži celotno zvočno datoteko ob nalaganju HTML strani).
|
autoplay |
Zvok se začne predvajati takoj po nalaganju strani,
pri tem bo prisotnost atributa preload prezrta.
Atribut brez vrednosti. |
controls |
Doda nadzorno ploščo k zvočni datoteki.
pri tem bo prisotnost atributa preload prezrta.
Atribut brez vrednosti. |
loop |
Ponavlja zvočni posnetek v "krogu": po končanem predvajanju se bo začel predvajati znova.
pri tem bo prisotnost atributa preload prezrta.
Atribut brez vrednosti. Privzeto (če atributa ni) se bo posnetek predvajal samo 1 krat.
|
muted |
Onemogoči zvok v zvočnem posnetku.
Atribut brez vrednosti. Privzeto (če atributa ni) je zvok pri posnetku vklopljen. |
Primer . Predvajalnik na spletni strani
Dodajmo na stran predvajalnik z zvočnim posnetkom.
Za tiste brskalnike, ki ne podpirajo
oznake audio, je ostalo posebno sporočilo
o tem:
<audio src="track.mp3" controls>
Vaš brskalnik ne podpira audio v HTML5.
</audio>
Primer . Predvajalnik na spletni strani z oznako source
In zdaj namesto atributa src
za oznako audio dodajmo oznako source:
<audio controls>
<source src="track.mp3">
Vaš brskalnik ne podpira audio v HTML5.
</audio>
