HTML5 Audio

S Vikipedije, slobodne enciklopedije
HTML
Poređenja

HTML5 AUDIO HTML5 specifikacija, koja se bavi audio ulazom, reprodukcijom, sintezom, kao i prepoznavanjem glasa u pregledaču.

<audio> element[uredi | uredi izvor]

<audio> element predstavlja zvuk, ili audio strim.[1] Često se koristi za reprodukciju jednog audio datoteka na veb strani, prikazujući GUI widget sa pusti/pauziraj/kontrolu jačine zvuka. 

<audio> елемент има следеће атрибуте:
  • globalne atribute (accesskey; class; contenteditable; contextmenu; dir; draggable; dropzone; hidden; id; lang; spellcheck; style; tabindex; title; translate)
  • autoplay = "autoplay" ili "" (empty string) ili prazno
    Daje instrilciju UA da automatski počne da reprodukuje audio strim čim bude u mogućnosti bez zaustavljanja.
  • preload = "none" ili "metadata" ili "auto" ili "" (empty string) ili prazno
    • "none": Nagoveštava korisničkom agentu da se od korisnika ne očekuje da mu treba audio strim, ili da je poželjno da minimizuje bespotreban protok.
    • "metadata": Nagoveštava Korisničkom agentu da se od korisnika ne očekuje da mu treba audio strim, ali da je pamćenje podataka koji ga opisuju(trajanje) poželjno.
    • "auto": Nagoveštava Korisničkom agentu da je poželjno preuzimanje celog audio strima.
  • controls = "controls" ili "" (empty string) ili prazno
    Komanduje korisničkom agentu da otkrije korisnički interfejs za kontrolu audio strima.
  • loop = "loop" ili "" (empty string) ili prazno
    Komanduje korisničkom agentu da se vrati na početak audio strima kada dođe do kraja.
  • mediagroup = niska
    Komanduje korisničkom agentu da poveže više videa i/ili audio strimova zajedno.
  • muted = "muted" ili "" (empty string) ili prazno
    Predstavlja podrazumevano stanje audio strima sa mogućem preklapanjem korisničkih preferenci.
  • src = ne-prazna[URL] potencijalno sa razmacima
    Adresa audio strima.

Primer:[2] 

<audio controls>
  <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4' />
  <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis' />
  <p>Ваш кориснички агент не подржава HTML5 Audio елемент.</p>
</audio>

Podržani pregledači[uredi | uredi izvor]

Podržani formati audio kodiranja[uredi | uredi izvor]

Ova tabela sadrži trenutnu podršku za formate audio kodiranja za<audio> element.

Pretraživač Operativni sistem Formati podržani od strane raličitih veb pregledača
Ogg Vorbis WAV IKM MP3 AAC WebM Vorbis Ogg Opus WebM Opus
Gugl Hrom Sve podržano 9 Da Da Da
(uključujući AacPlus) 		Da 25
(od v31 in Windows) 		Da
Internet eksplorer Windows Ne Ne 9 9 Ne Ne Ne
Mozila fajerfoks Sve podržava 3.5 3.5 OS zavisni OS zavisni 4.0 15.0 28.0[4]
Opera Svi podržani 10.50 11.00 OS zavisni OS zavisni 10.60 14 Da
Safari OS X Manualna instalacija 3.1 3.1 3.1
(uključuje AacPlus) 		Ne Ne Ne

HTML5 audio, kao i HTML5 video, su usvojeni od strane pregledača besplatnih i patentiranih formata. U 2007. godini, preporuka za korišćenje Vorbisa je bila povučena iz specifikacija W3C kao i korišćenje Ogg Theora, navodeći kao nedostatak formata prihvaćenost od strane svih vodećih veb pregledača.

Apple i Microsoft, koji su zauzimali 39% veb tržišta, podržavaju ISO/IEC formate AAC i starije MP3.

Mozila i Opera, kontrolišući 24% tržišta, podržavaju slobodan i otvoren, Vorbis format u Ogg i WebM sadržajima, i kritikuju patentirane MP3 and AAC, koji su zagarantovani da budu “ne-besplatni”.

Gugl, kontrolišući 27% tržišta, je do sad obezbedio podršku za sve moguće formate.

Gecko-zasnovane aplikacije i Safari takođe podržavaju PCM audio u WAVE sadržaju.[5]

U 2012. godini, slobodan i otvoren Opus format je objavljen i standardizovan od strane IIOG. Podržan je od strane Mozilla softvera još od Gecko verzije 15.[6][7][8]

Veb audio API i Media-strim API Obrada[uredi | uredi izvor]

Veb audio API specifikacija razvijena od strane W3C opisuje visok stepen JavaScript API za obradu i sintezu audio i veb aplikacija. Osnovna paradigma je audio rutirajući graf, gde je broj objekata audio čvora su povezani ѕajedno da definišu celokupni audio renderovanje. Sama obrada ce prvobitno da se odvija u okviru implementacije (tipično optimizovan Asembler / C / C++ kod), ali direktna JavaScript obrada i sinteza je takođe podržana.[9]

Mozila fajerfoks pregledač implementira slične audio-data API ekstenzije još od verzije 4, implementirane 2010. godine[10] i puštene u rad 2011. godine, ali Mozila upozorava da je ne-standrardna i zastarela, i umesto preporučuje Veb audio API.[11] Neke biblioteke JavaScript audio obrade i sinteze kao što su Audiolet Arhivirano na sajtu Wayback Machine (4. jul 2012) podržavaju oba API-a.

W3C Audio Working Group takođe razmatra Media-strim API Obrada specifikaciju razvijenu od strane Mozile.[12] Kao dodatak audio obrade i miksovanja, obuhvata opštije media-strimove, uključujući sinhronizaciju sa HTML elementima, hvatanje audio i video strimova, i p2p- rutiranje takvih media strimova.[13]

Podržani pregledači[uredi | uredi izvor]

  • Kompjuter
  • Mobilni telefon
    • Gugl Hrom za Android 28 (Omogućeno od verzije 29)
    • Safari (mobilna verzija) 6 (Ima zabranu za korišćenje (Mutovano osim ako korisnik zove))
    • Mozila fajerfoks 23 (Omogućeno od verzije 25)
    • Tizen

Veb govorni API[uredi | uredi izvor]

Veb govorni API cilja na to da omogući alternativni unosni metod za veb aplikacije (bez korišćenja tastature). Sa ovim API-jem, developeri mogu veb aplikacijama da omoguće prebacivanje govora u tekst, sa mikrofona kompjutera. Snimljeni audio se šalje na govorne servere za transkripciju, posle čega se tekst ispisuje za korisnika. Sam API može da podrži i serverski zasnovani kao i ugrađen mehanizam prepoznavanja.[16] HTML grupa za govor je predložila implementaciju aduio-govorne tehnologije u pregledačima u univerzalnoj formi. API sadrži oba:[17]

  • API govornog unosa
  • Tekst-u-govor API

Gugl je integrisao ovu mogućnost u Gugl Hrom, marta 2011. godine.[18] Dopuštajući svojim korisnicima pretragu veba sopstvenim glasom sa sledećim kodom: 

<script type="application/javascript">
    function startSearch(event) {
        event.target.form.submit();
    }
</script>
<form action="http://www.google.com/search">
  <input type="search" name="q" speech required onspeechchange="startSearch">
</form>

Podržani pregledači[uredi | uredi izvor]

  • Gugl Hrom 25 pa nadalje
  • Safari 6.1 pa nadalje- (DELIMIČNO) Samo govorna sinteza

Reference[uredi | uredi izvor]

  1. ^ „HTML5 audio element - W3C”. Arhivirano iz originala 06. 06. 2013. g. Pristupljeno 25. 05. 2015. 
  2. ^ HTML/Elements/audio - W3C Wiki
  3. ^ a b About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide
  4. ^ Firefox — Notes (28.0) — Mozilla
  5. ^ Media formats supported by the HTML audio and video elements - HTML | MDN
  6. ^ Media formats supported by the HTML audio and video elements - HTML | MDN
  7. ^ September 11, 2012: Opus audio codec is now RFC6716, Opus 1.0.1 reference source released
  8. ^ It's Opus, it rocks and now it's an audio codec standard! ★ Mozilla Hacks – the Web developer blog
  9. ^ Rogers, Chris (15. 3. 2012). „Web Audio API”. W3C. Arhivirano iz originala 20. 07. 2012. g. Pristupljeno 4. 7. 2012. 
  10. ^ „Audio Data API”. 
  11. ^ „Introducing the Audio API extension”. Mozilla Developer Network. Mozilla. 5. 3. 2012. Arhivirano iz originala 05. 05. 2012. g. Pristupljeno 4. 7. 2012. 
  12. ^ „Audio Processing API”. W3C. 15. 12. 2011. Arhivirano iz originala 14. 06. 2012. g. Pristupljeno 4. 7. 2012. 
  13. ^ Robert O'Callahan (31. 5. 2012). „MediaStream Processing API”. W3C. Pristupljeno 4. 7. 2012. 
  14. ^ Web Audio API is now available in Chrome
  15. ^ Gilbertson, Scott (19. 9. 2011). „Chrome 14 Adds Better Audio, ‘Native Client’ Support”. Webmonkey. Wired. Arhivirano iz originala 22. 10. 2012. g. Pristupljeno 4. 7. 2012. 
  16. ^ „API draft”. Pristupljeno 28. 1. 2012. 
  17. ^ „HTML5 Speech API”. Pristupljeno 28. 1. 2012. 
  18. ^ „Talking to your computer”. Pristupljeno 28. 1. 2012. 

Spoljašnje veze[uredi | uredi izvor]

Preuzeto iz „https://sr.wikipedia.org/w/index.php?title=HTML5_Audio&oldid=27753880”