Howler.js är förmodligen det bästa JavaScript-ljudbiblioteket runt

Föråldrade ljudspelare är en sak av det förflutna tack vare modernt HTML5-ljud och den snabbt antagande av webbläsarstöd. Men webbdesigners kan gå ett steg längre med a rent ljudbibliotek som Howler.js.

Detta gratis open source JS-bibliotek låter dig spela ljudfiler från standardformat inbäddad med anpassade spelare. Howler kommer med a fullständig API, så du kan bygga en enkel ljudspelare, en stor spellista, eller looping bakgrundsmusik för ett HTML5-spel i webbläsaren.

Howler skapades först i början av 2013 och har gått igenom många iterationer. För närvarande projektet sitter vid v2.x med över 7k stjärnor på GitHub.

Projektet var skapad av en spelstudio som använder Howler i sina webbspel för ljudfax och bakgrundsmusik. Det stöder a brett utbud av filtyper och codecs Inklusive MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... namnge en ljudfil och jag garanterar att den stöds.

Om du bara vill ha en enkel ljudspelare kan HTML5 vara tillräckligt. Men Howler kommer med många funktioner du kan inte hämta sig med HTML, som blekna ut / in med varje spår eller automatisk cachning för att musikfiler minskar belastningstiderna.

Howler är a rent JavaScript-bibliotek utan beroenden och det stöder alla större webbläsare Inklusive:

• Chrome 7+
• Internet Explorer 9+
• Firefox 4+
• Mobil Safari 6+
• Opera 12+
• Microsoft Edge (alla versioner)

Äldre webbläsare standard för HTML5-ljudspelaren, så det har rimliga alternativ för återgång.

Allt i Howler.js är modul-, så du kan välja vilka funktioner som ska ingå och vilka som ska gå ut. Detta kan avsevärt minska HTTP-förfrågningar vilket gör ljudspelare mycket enklare att använda.

Du kan hitta fullständig dokumentation i GitHub repo tillsammans med levande demo på huvudplatsen.

Detta är överlägset det mest omfattande ljudbiblioteket på webben. Det inkluderar spel ljud FX för webbläsarspel och repeterbara sprites som kan kallas när användaren sveper eller klickar på något på sidan.

Nedan ser du en bas tuning web app från CodePen som visar en liten fraktion av vad Howler kan göra. Och om du vill lära sig mer besök Howler GitHub repo till hitta dokumentation och ladda ner länkar för den senaste versionen.