audio - Český HTML 5 manuál

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 pre prehrávanie zvukov a videí. Bohužiaľ celej túto tému nie je tak jednoduché kvôli tzv. Kodekom.

Atribúty

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

• autoplay - Atribút je boolean. Ak je uvedený, spustí sa zvuk automaticky, ihneď po načítaní.
• controls - Atribút je boolean. Ak je uvedený, zobrazí sa prehrávač s ovládacími prvkami. Ak nie, nie je element nijako zobrazený.
• loop - Atribút je boolean. Ak je uvedený, je zvuková stopa prehrávaná s opakovaním stále dokola.
• preload - Umožňuje nastaviť načítanie média do pamäte, čo urýchli jeho prehratie po kliknutí, ale spomalí načítanie stránky. Pri hodnote auto sa po načítaní stránky načíta do pamäti celý audio súbor. Pri hodnote metadáta sa načíta len 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édiá môžeme tiež vložiť pomocou tagu (ďalej pozri článok), týmto spôsobom možno š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 viac 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 nasledovné: OGG <MP3 <WAV

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