prihlasenyprihlasit | registrovat

Rýchly tip: HTML5 Audio element

Najmodernejšie prehliadače, Firefox 3.5, Chrome 3, Opera 10.5, a Safari 4, môžu využívať mnoho nových vlastnosti HTML5 vrátane natívnej podpory zvuku bez nutnosti použitia proprietárneho flash či silverlight. Vytvoríme nový audio element a nastavíme mu parametre. Tiež si ukážeme spôsob ako po kliknutí na odkaz prehrať zvuk

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

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
celkom 0

Komentáre

Zatiaľ žiadne komentáre

© 2009 Shaddow admin hosting od VIPHosting