Tag audio
Tag audio řídí přehrávání
audiozáznamu na HTML stránce. Při
jeho přidání se na stránce objeví přehrávač,
který bude mít tlačítka "Zpět", "Vpřed",
"Stop" a tak dále (jejich vzhled a počet závisí
na prohlížeči). Cesta k souboru se zadává pomocí
atributu src nebo vnořeného tagu source.
Tag source je potřeba k zadávání
cest k souborům audiozáznamu v různých formátech
(protože prohlížeče podporují různé formáty
audia, například mp3 nebo wav).
Pokud máte záznam v jednom z formátů,
je potřeba jej zkonvertovat i do ostatních.
Uvnitř tagu audio lze napsat text,
který se bude zobrazovat v prohlížečích, které
nepodporují audio v HTML (to se dělá
proto, aby byli uživatelé o tomto informováni).
Pokud chcete vidět přehrávač pro ovládání přehrávání
audia - je třeba přidat atribut controls.
Bez něj nic neuvidíte - a zvuk při
tom také nebude. Aby byl zvuk při absenci
přehrávače - přidejte atribut autoplay.
Atributy
| Atribut | Popis |
|---|---|
src |
Určuje cestu k audio souboru.
Ale je lepší pro to použít tag source
(v tom případě bude možné zadat audio v různých formátech).
|
preload |
Používá se pro načtení audio souboru současně s načítáním stránky webu.
Přijímané hodnoty: none (nesnačítat soubor, výchozí),
metadata (načíst pouze služební informace: délka zvuku a tak dále),
auto (načíst audio soubor celý při načtení HTML stránky).
|
autoplay |
Zvuk začne hrát ihned po načtení stránky,
přičemž přítomnost atributu preload bude ignorována.
Atribut bez hodnoty. |
controls |
Přidává ovládací panel k audio souboru.
přičemž přítomnost atributu preload bude ignorována.
Atribut bez hodnoty. |
loop |
Opakuje audiozáznam v "kruhu": po dokončení začne hrát znovu.
přičemž přítomnost atributu preload bude ignorována.
Atribut bez hodnoty. Ve výchozím nastavení (pokud atribut není) se záznam přehraje pouze 1 krát.
|
muted |
Vypíná zvuk v audiozáznamu.
Atribut bez hodnoty. Ve výchozím nastavení (pokud atribut není) má záznam zvuk zapnutý. |
Příklad . Přehrávač na stránce webu
Přidejme na stránku přehrávač s audiozáznamem.
Pro ty prohlížeče, které nepodporují
tag audio je ponechána speciální zpráva
o tomto:
<audio src="track.mp3" controls>
Váš prohlížeč nepodporuje audio na HTML5.
</audio>
Příklad . Přehrávač na stránce webu s tagem source
A nyní místo atributu src
pro tag audio přidejme tag source:
<audio controls>
<source src="track.mp3">
Váš prohlížeč nepodporuje audio na HTML5.
</audio>
