Prvok audio
Prvok audio riadi prehrávanie
zvukového záznamu na HTML stránke. Po
jeho pridaní sa na stránke zobrazí prehrávač,
ktorý bude mať tlačidlá "Späť", "Dopredu",
"Stop" a podobne (ich vzhľad a počet závisí
od prehliadača). Cesta k súboru sa zadáva pomocou
atribútu src alebo vnoreného prvku source.
Prvok source slúži na to, aby bolo možné zadať
cesty k súborom zvukového záznamu v rôznych formátoch
(keďže prehliadače podporujú rôzne formáty
zvuku, napríklad mp3 alebo wav).
Ak máte záznam v jednom z formátov,
je potrebné ho skonvertovať aj do ostatných.
Vo vnútri prvku audio možno napísať text,
ktorý sa zobrazí v prehliadačoch, ktoré
nepodporujú zvuk v HTML (to sa robí
pre informovanie používateľov).
Ak chcete vidieť prehrávač na ovládanie prehrávania
zvuku - je potrebné pridať atribút controls.
Bez neho neuvidíte nič - a zvuk pri
tom tiež nebude. Aby bol zvuk pri absencii
prehrávača - pridajte atribút autoplay.
Atribúty
| Atribút | Popis |
|---|---|
src |
Špecifikuje cestu k zvukovému súboru.
Ale je lepšie na to použiť prvok source
(v takom prípade bude možné zadať zvuk v rôznych formátoch).
|
preload |
Používa sa na načítanie zvukového súboru súčasne s načítaním stránky.
Prijímané hodnoty: none (nesťahovať súbor, predvolené),
metadata (stiahnuť iba servisné informácie: dĺžka prehrávania a podobne),
auto (stiahnuť celý zvukový súbor pri načítaní HTML stránky).
|
autoplay |
Zvuk sa začne prehrávať ihneď po načítaní stránky,
pričom prítomnosť atribútu preload bude ignorovaná.
Atribút bez hodnoty. |
controls |
Pridáva ovládací panel k zvukovému súboru.
pričom prítomnosť atribútu preload bude ignorovaná.
Atribút bez hodnoty. |
loop |
Opakuje zvukový záznam v "kruhu": po dokončení sa začne prehrávať znova.
pričom prítomnosť atribútu preload bude ignorovaná.
Atribút bez hodnoty. Predvolene (ak atribút nie je) sa záznam prehrá iba 1 krát.
|
muted |
Vypína zvuk v zvukovom zázname.
Atribút bez hodnoty. Predvolene (ak atribút nie je) má záznam zvuk zapnutý. |
Príklad . Prehrávač na stránke
Pridajme na stránku prehrávač so zvukovým záznamom.
Pre prehliadače, ktoré nepodporujú
prvok audio je ponechaná špeciálna správa
o tom:
<audio src="track.mp3" controls>
Váš prehliadač nepodporuje audio v HTML5.
</audio>
Príklad . Prehrávač na stránke s prvkom source
A teraz namiesto atribútu src
pre prvok audio pridajme prvok source:
<audio controls>
<source src="track.mp3">
Váš prehliadač nepodporuje audio v HTML5.
</audio>
