První použitelný MP3 kodek napsaný v Javascriptu

První použitelný MP3 kodek napsaný v Javascriptu

HTML5 se snaží standardizovat webová multimédia, zatím je nicméně velmi obecný. Značky <video> a <audio> se už sice těší docela široké podpoře, nicméně jinak je tomu v případě podpory samotných kodeků.

Nás dnes budou zajímat pouze zvukové kodeky, respektive formáty. IE9, Chrome a Safari přehrají MP3, to ale zase není případ Firefoxu a Opery, kteří preferují OGG. A ten na oplátku zase nepřehraje Safari a Internet Explorer.Jak je tedy vidno, jen HTML5 nestačí, jelikož standardizuje pouze obecné postupy, nikoliv konkrétní technologie.

MP3 je stále klíčový formát a je nezbytné, aby byl všude k dispozici. Možná je tu jedno řešení, i když také vyžaduje pokročilé „nextgen“ technologie, které zatím podporuje pouze nejnovější Firefox a testovací Chrome – Web Audio API. Každopádně pokud už některý z těchto prohlížečů máte, můžete vyzkoušet projekt JS MAD. Jedná se o MP3 dekodér napsaný v Javascriptu, což bylo doposud z výkonnostních důvodů téměř nemožné. A když už JS MAD Javascriptem MP3 dekóduje do hudebního proudu, Web Audio API použije pro samotný zvukový výstup.

Klepněte pro větší obrázek
Firefox ve značce <audio> nepřehraje MP3 soubor,
JS MAD ale nabídne vlastní dekodér napsaný přímo v Javascriptu

Suma sumárum, jakmile se (a pokud vůbec) Web Audio API rozšíří napříč prohlížeči, přestane být nouze o kodeky, jelikož je bude moci prohlížeči nabídnout libovolná stránka v rámci svého javascriptového kódu.

Máte Firefox 4+, nebo vývojový Chrome (Canary)? Pak si MP3 dekodér můžete vyzkoušet na této adrese. Zajímavé je to právě pro Firefox, který nativně MP3 přehrávat neumí – nemá vestavěný dekodér.

V případě Chromu musíte v about:flags povolit Web Audio API.

Témata článku: Technologie, Web, Prohlížeče, Hudba, filmy, seriály, Java, Javascript, Audio

7 komentářů

Nejnovější komentáře

  • Jiří Forst 22. 6. 2011 10:43:04
    Vážně nechápu proč implementují do prohlížečů mp3 zatěžkaný patenty....
  • Alois Novák 21. 6. 2011 14:09:33
    Vedle toho vypadá flashový přehrávač videa jako nenáročný Hello wordl!
  • a.malotka 21. 6. 2011 7:29:02
    HTML je zastarala technologie a nic s tim nikdo neudela. Tyhle obezlicky...
Určitě si přečtěte

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

Jak vybrat monitor k počítači: nenechte se zlákat nepodstatnými parametry

** Na jaké parametry se zaměřit a kde vás výrobci chtějí nachytat ** Monitory se stále více specifikují pro konkrétní určení ** Náročný hráč nebo profesionální grafik mají různé požadavky

20.  6.  2017 | Tomáš Holčík | 32

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

Dlouhodobý test HTC Vive: co vám recenze o virtuální realitě neřeknou

** Ani hry se sebelepší grafikou vás nevtáhnou tolik, jako ve virtuální realitě ** Pro sledování filmů není VR ani zdaleka ideální ** I první generace je skvělá, stále však působí jako prototyp

20.  6.  2017 | Stanislav Janů | 22

11 tipů, jak efektivně a přesně sledovat počasí pomocí internetu

11 tipů, jak efektivně a přesně sledovat počasí pomocí internetu

** Sledujte počasí z více zdrojů a podrobněji, přesněji tak určíte, jaké počasí vás potká na dovolené ** Na webu najdete hromadu pokročilých předpovědí počasí, ale i specializované meteorologické služby ** Vybrali jsme 14 služeb na počasí, které se vám můžou hodit

23.  6.  2017 | Jakub Čížek | 19

Jak unikají informace o nových iPhonech? Třeba podprsenkami čínských pracovnic

Jak unikají informace o nových iPhonech? Třeba podprsenkami čínských pracovnic

** Na černém trhu mohou zaměstnanci továren za kradené součástky inkasovat částku ve výši ročního platu ** Velké množství informací je vyneseno i z centrály Applu ** Díly jsou pašovány v botách, podprsenkách i odpadem

21.  6.  2017 | Stanislav Janů | 24


Aktuální číslo časopisu Computer

Bojujeme proti Fake News

Dva velké testy: fotoaparáty a NASy

Co musíte vědět o změně evropského roamingu

Radíme s výběrem základní desky