audio - Slovenský HTML 5 manuál Nové

HTML5 mení zmysel jazyka HTML ako takého. Web sa totiž časom mení a stále častejšie obsahuje multimediálne bohatý obsah. Tomu sa HTML5 prispôsobilo a ponúka tagy na prehrávanie zvukov a videí. Bohužiaľ celá táto téma nie je taká jednoduchá kvôli tzv. kodekom.

Atribúty

Elementu môžeme priradiť nasledujúce atribúty:

• autoplay - Atribút je typu boolean. Ak je uvedený, spustí sa zvuk automaticky, ihneď po načítaní.
• controls - Atribút je typu boolean. Ak je uvedený, zobrazí sa prehrávač s ovládacími prvkami. Pokiaľ nie, nie je element nijako zobrazený.
• loop - Atribút je typu boolean. Pokiaľ je uvedený, je zvuková stopa prehrávaná s opakovaním stále dookola.
• preload - Umožňuje nastaviť načítanie média do pamäte, čo urýchli jeho prehranie po kliknutí, ale spomalí načítanie stránky. Pri hodnote auto sa po načítaní stránky načíta do pamäte celý audio súbor. Pri hodnote metadáta sa načíta iba hlavička. Pri hodnote none sa súbor do pamäte nenačíta.
• src - Špecifikuje umiestnenie zvukového súboru. Súbor môžeme vložiť priamo, pomocou atribútu src alebo pomocou elementu

Ukážka použitia

Jednoduché vloženie audio súboru do HTML stránky by mohlo vyzerať takto:

<audio src="audio/skladba.mp3" controls="controls">
    Váš prohlížeč nepodporuje vkládání zvukových souborů, soubor si
    <a href="audio/skladba.mp3">stáhněte</a>.
</audio>

A výsledok:

Zdroj média môžeme tiež vložiť pomocou tagu (ďalej viď článok), týmto spôsobom je možné špecifikovať niekoľko zdrojových súborov a prehliadač si vyberie ten, ktorý sa mu práve hodí. Viac v popise tagu .

<audio autoplay controls>
    <source src="Kalimba.mp3" />
    <source src="Kalimba.wav" />
    <source src="Kalimba.ogg" />
</audio>

Kodeky audia

Pre úplnosť si uvedieme podporu formátov pre audio:

	IE	Mozzila	Chrome
MP3	Áno	Nie	Áno
OGG	Nie	Áno	Áno
WAV	Nie	Áno	Áno

Nároky na dátovú prevádzku

Možno vás napadá čo sa stane, keď prehliadač podporuje viacero formátov, z ktorých ste mu dali na výber. Je to jednoduché, prehliadač si vyberie ten prvý, ktorý bude fungovať.

Vzhľadom k tomu, že mobilní operátori majú celkom nízky FUP (dátový limit), tak je vhodné ako prvé dávať vždy ten formát s lepšou kompresiou.

U nášho ukážkového audia by to bolo nasledujúce: OGG < MP3 < WAV

WAV je oveľa väčšia ako ostatní, a preto je vhodné ho dávať na koniec.