Howler.js er sannsynligvis det beste JavaScript lydbiblioteket rundt
Utdaterte lydspillere er en ting fra fortiden takk til moderne HTML5 lyd og rask adopsjon av nettleserstøtte. Men webdesignere kan gå et skritt videre med a rent lydbibliotek som for eksempel Howler.js.
Dette gratis open source JS-biblioteket lar deg spill av lydfiler fra standardformater innebygd med tilpassede spillere. Howler kommer med a full API, slik at du kan bygge en enkel lydspiller, en stor spilleliste, eller looping bakgrunnsmusikk for et HTML5-spill i nettleseren.
Howler ble først opprettet i begynnelsen av 2013 og har gått gjennom mange iterasjoner. Foreløpig prosjektet sitter ved v2.x med over 7k stjerner på GitHub.
Prosjektet var laget av et spillstudio som bruker Howler i sine nettspill for lydfaks og bakgrunnsmusikk. Den støtter a bredt utvalg av filtyper og kodeker gjelder også MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... navn en lydfil og jeg garanterer at den støttes.
Hvis du bare vil ha en enkel lydspiller, kan HTML5 være nok. Men Howler kommer med mange funksjoner du kan ikke bli innfødt med HTML, som for eksempel fading ut / inn med hvert spor, eller automatisk caching for musikkfiler for å redusere belastningstider.
Howler er en rent JavaScript-bibliotek uten avhengighet og det støtter alle de store nettleserne gjelder også:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Mobil Safari 6+
- Opera 12+
- Microsoft Edge (alle versjoner)
Eldre nettlesere standard til HTML5 lydspilleren, så det har rimelige tilbakebetaling alternativer.
Alt i Howler.js er modulære, slik at du kan velge hvilke funksjoner som skal inkluderes og hvilke som skal utelates. Dette kan redusere HTTP-forespørsler sterkt gjør lydspillere mye enklere å bruke.
Du kan finne full dokumentasjon i GitHub repo sammen med live demoer på hovedstedet.
Dette er uten tvil det mest omfattende lydbiblioteket på nettet. Det inkluderer spill lyd FX for nettleser spill og repeterbare sprites som kan kalles når brukeren svinger eller klikker noe på siden.
Nedenfor kan du se en bas tuning web app fra CodePen det viser en liten brøkdel av hva Howler kan gjøre. Og hvis du vil lære mer besøk Howler GitHub repo til finn dokumentasjon og laste ned koblinger for den nyeste versjonen.
