Howler.js er sandsynligvis det bedste JavaScript Audio Library Around
Forældede lydafspillere er en ting fra fortiden takket være moderne HTML5 lyd og hurtig vedtagelse af browser support. Men webdesignere kan gå et skridt videre med a rent lydbibliotek såsom Howler.js.
Dette gratis open source JS bibliotek lader dig afspil lydfiler fra standardformater indlejret med brugerdefinerede spillere. Howler kommer med a fuld API, så du kan bygge en simpel lydafspiller, -en stor afspilningsliste, eller looping baggrundsmusik til et HTML5-spil i browser.
Howler blev først oprettet tilbage i begyndelsen af 2013 og har gennemgået mange iterationer. I øjeblikket projektet sidder ved v2.x med over 7k stjerner på GitHub.
Projektet var skabt af et spilstudio der bruger Howler i deres webspil til lydfx og baggrundsmusik. Det understøtter a bred vifte af filtyper og codecs inklusive MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... navngiv en lydfil, og jeg garanterer at den understøttes.
Hvis du bare vil have en enkel lydafspiller, kan HTML5 være nok. Men Howler kommer med mange funktioner dig kan ikke hentes ind i HTML, såsom falmer ud / in med hvert spor, eller Automatisk caching for at musikfiler mindsker belastningstider.
Howler er a rent JavaScript-bibliotek uden afhængigheder og det understøtter alle større browsere inklusive:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Mobile Safari 6+
- Opera 12+
- Microsoft Edge (alle versioner)
Ældre browsere standard til HTML5 lydafspilleren, så det har rimelige tilbagesendelsesmuligheder.
Alt i Howler.js er modulær, så du kan vælge hvilke funktioner der skal medtages, og hvilke der skal gå ud. Dette kan stærkt reducere HTTP-anmodninger hvilket gør lydafspillere meget nemmere at bruge.
Du kan finde fuld dokumentation i GitHub repo sammen med levende demoer på hovedstedet.
Dette er langt det mest omfattende lydbibliotek på nettet. Det omfatter spil lyd FX til browserspil og gentagelige sprites der kan kaldes når brugeren svæver eller klikker på noget på siden.
Nedenfor kan du se en bas tuning web app fra CodePen det viser en lille brøkdel af hvad Howler kan gøre. Og hvis du vil Lær mere besøg Howler GitHub repo til find dokumentation og download links for den nyeste version.
