Howler.js is waarschijnlijk de beste JavaScript-audiobibliotheek in de buurt

Verouderde audiospelers behoren tot het verleden dankzij moderne HTML5-audio en de snelle acceptatie van browserondersteuning . Maar webontwerpers kunnen nog een stap verder gaan met een pure audiobibliotheek zoals Howler.js .

Met deze gratis opensource JS-bibliotheek kunt u audiobestanden afspelen van standaardindelingen die zijn ingesloten met aangepaste spelers. Howler wordt geleverd met een volledige API, zodat je een eenvoudige audiospeler, een grote afspeellijst of loop-achtergrondmuziek kunt maken voor een HTML5-game in de browser.

Howler werd voor het eerst gemaakt begin 2013 en heeft vele herhalingen doorgemaakt . Momenteel zit het project op v2.x met meer dan 7k sterren op GitHub.

Het project is gemaakt door een gamestudio die Howler in hun webgames gebruikt voor geluidseffecten en achtergrondmuziek. Het ondersteunt een breed scala aan bestandstypen en codecs, waaronder MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... noem een ​​audiobestand en ik garandeer dat dit wordt ondersteund.

Als u alleen een eenvoudige audiospeler wilt, is HTML5 misschien genoeg. Maar Howler wordt geleverd met veel functies die je niet van nature met HTML kunt krijgen, zoals fading out / in met elke track, of automatisch cachen voor muziekbestanden om de laadtijden te verkorten.

Howler is een pure JavaScript-bibliotheek zonder afhankelijkheden en ondersteunt alle belangrijke browsers, waaronder:

• Chrome 7+
• Internet Explorer 9+
• Firefox 4+
• Mobile Safari 6+
• Opera 12+
• Microsoft Edge (alle versies)

Oudere browsers staan standaard op de HTML5-audiospeler, dus het heeft redelijke fallback-opties.

Alles in Howler.js is modulair, zodat u kunt kiezen welke functies u wilt opnemen en welke u wilt weglaten. Dit kan HTTP-aanvragen aanzienlijk verminderen, waardoor audiospelers een stuk gemakkelijker te gebruiken zijn.

Je vindt de volledige documentatie in de GitHub-repo samen met live demo's op de hoofdsite.

Dit is verreweg de meest uitgebreide audiobibliotheek op internet. Het bevat gamegeluid FX voor browsergames en herhaalbare sprites die kunnen worden aangeroepen wanneer de gebruiker zweeft of klikt op iets op de pagina.

Hieronder ziet u een bas-afstemmingswebapp van CodePen die een klein deel van wat Howler kan doen laten zien. En als je meer wilt leren, bezoek dan de repository van Howler GitHub om documentatie en downloadlinks voor de nieuwste versie te vinden.