Howler.js je pravdepodobne najlepšou zvukovou knižnicou jazyka JavaScript

Zastaralé zvukové prehrávače sú vecou minulosti vďaka moderný zvuk HTML5 a rýchle prijatie podpory prehliadača. Ale web dizajnéri môžu ísť ešte o krok ďalej čistá knižnica zvukov ako napr Howler.js.

Táto bezplatná open source JS knižnica vám umožní prehrávať audio súbory zo štandardných formátov vstavané s vlastnými hráčmi. Howler prichádza s a full API, takže si môžete vytvoriť jednoduchý prehrávač zvuku, veľký zoznam skladieb, alebo slučková hudba na pozadí pre hru v prehliadači HTML5.

Howler bol prvýkrát vytvorený začiatkom roku 2013 a prešlo mnohými iteráciami. V súčasnosti je projekt sedí na v2.x s viac ako 7k hviezdami na GitHub.

Projekt bol vytvorené herným štúdiom ktorý využíva Howlera vo svojich webových hrách pre zvukovú hudbu FX a hudbu na pozadí. Podporuje a široká škála typov súborov a kodekov počítajúc do toho MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... pomenujte zvukový súbor a zaručujem, že je podporovaný.

Ak chcete jednoduchý prehrávač zvukových súborov, potom HTML5 môže stačiť. Ale Howler prichádza s mnohými funkciami vás nemôže native s HTML, ako napr vyblednutie / vyblednutie s každou stopou alebo automatické ukladanie do pamäte pre hudobné súbory na zníženie času načítania.

Howler je a čistá knižnica JavaScript bez závislostí a to podporuje všetky hlavné prehliadače počítajúc do toho:

• Chrome 7+
• Internet Explorer 9+
• Firefox 4+
• Mobile Safari 6+
• Opera 12+
• Microsoft Edge (všetky verzie)

Staršie prehliadače predvolené prehrávač zvuku HTML5, takže má rozumné záložné možnosti.

Všetko v Howler.js je modulárny, takže si môžete vybrať, ktoré funkcie sa majú zahrnúť a ktoré vynechať. To môže výrazne znížiť požiadavky HTTP čím sa audio prehrávače ľahšie používajú.

Môžete nájsť kompletnú dokumentáciu v repo GitHub spolu s živé ukážky na hlavnom mieste.

Toto je zďaleka najväčšia zvuková knižnica na webe. Obsahuje herný zvuk FX pre prehliadač hry a opakovateľné sprites ktoré sa dajú zavolať vždy, keď sa používateľ na stránke pohybuje alebo klikne na niečo.

Nižšie vidíte a aplikácia pre ladenie basov z CodePen to ukazuje malú zlomok o tom, čo dokáže Howler. A ak chcete uč sa viac navštívte repo spoločnosti Howler GitHub nájsť dokumentáciu a odkazy na prevzatie pre najnovšiu verziu.