Rýchly tip: HTML5 Audio element

<audio autoplay="autoplay" controls="controls"> <source src="file.ogg" /> <source src="file.mp3" /> </audio> Zvukový prvok audio prijíma niekoľko atribútov a to najmä:

• autoplay: automaticky sa prehrá po načítaní stránky
• controls: zobrazí prehrávač na stránke
• preload: ihneď sa začne ukladať do vyrovnávacej pamäte (hodnoty = none, auto, metadata)
• src: Cesta k súboru. Lepšie ale je načítať súbor za pomoci "source" elementu

Mozilla a Webkit niesu momentálne za jedno čo sa týka audio formátu. Firefox by rád videl ogg formát zatiaľ čo Webkit prehliadače budú spoľahlivo pracovať s mp3 formátom. To zatiaľ znamená, že by ste mali vytvoriť aspoň 2 verzie zvuku. Online nástroj nazývaný Media.io vám pomôže skonvertovať mp3 do ogg formátu.

Webkit nespozná ogg formát a preskočí na formát mp3. Upozorňujeme, že IE, ako obvykle audio nepodporuje, Opera 10 a nižšia dokáže pracovať len s formátom wav

$(document).ready(function() { $('a').click(function() { var audio = $('<audio>', { autoPlay: 'autoplay' }); addSource(audio, 'godfather.ogg'); addSource(audio, 'godfather.mp3'); audio.appendTo('body'); return false; }); }); function addSource(elem, path) { $('<source>').attr('src', path).appendTo(elem); }

Jedná sa len o krátky tip, ktorý vám má spraviť chuť do jedla. Možností je ale mnoho.

Zdroj: net.tutsplus.com

Tagy: tip html audio