HTML5 Audio
Ovaj članak je započet ili proširen kroz projekat seminarskih radova. Potrebno je proveriti prevod, pravopis i viki-sintaksu. Kada završite sa proverom, dopišete da nakon |provereno=. |
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]- Na kompjuteru
- Gugl Hrom
- Internet eksplorer 9
- Mozila fajerfoks 3.5
- Opera 10.5
- Safari 3.1[3]
- Na mobilnom telefonu
- Android Pregledač 2.3
- Blekberi Pregledač
- Gugl Hrom za android
- Internet Eksplorer za mobilni 9
- Safari za mobilni 4[3]
- Mozila fajerfoks za android
- Opera za mobilni 11
- Tizen
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]Reference
[uredi | uredi izvor]- ^ „HTML5 audio element - W3C”. Arhivirano iz originala 06. 06. 2013. g. Pristupljeno 25. 05. 2015.
- ^ HTML/Elements/audio - W3C Wiki
- ^ a b About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide
- ^ Firefox — Notes (28.0) — Mozilla
- ^ Media formats supported by the HTML audio and video elements - HTML | MDN
- ^ Media formats supported by the HTML audio and video elements - HTML | MDN
- ^ September 11, 2012: Opus audio codec is now RFC6716, Opus 1.0.1 reference source released
- ^ It's Opus, it rocks and now it's an audio codec standard! ★ Mozilla Hacks – the Web developer blog
- ^ Rogers, Chris (15. 3. 2012). „Web Audio API”. W3C. Arhivirano iz originala 20. 07. 2012. g. Pristupljeno 4. 7. 2012.
- ^ „Audio Data API”.
- ^ „Introducing the Audio API extension”. Mozilla Developer Network. Mozilla. 5. 3. 2012. Arhivirano iz originala 05. 05. 2012. g. Pristupljeno 4. 7. 2012.
- ^ „Audio Processing API”. W3C. 15. 12. 2011. Arhivirano iz originala 14. 06. 2012. g. Pristupljeno 4. 7. 2012.
- ^ Robert O'Callahan (31. 5. 2012). „MediaStream Processing API”. W3C. Pristupljeno 4. 7. 2012.
- ^ Web Audio API is now available in Chrome
- ^ 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.
- ^ „API draft”. Pristupljeno 28. 1. 2012.
- ^ „HTML5 Speech API”. Pristupljeno 28. 1. 2012.
- ^ „Talking to your computer”. Pristupljeno 28. 1. 2012.