Howler.js is waarschijnlijk de beste JavaScript-audiobibliotheek in de buurt
Verouderde audiospelers behoren tot het verleden dankzij moderne HTML5-audio en de snelle goedkeuring van browserondersteuning. Maar webontwerpers kunnen een stap verder gaan met een pure audiobibliotheek zoals Howler.js.
Met deze gratis open source JS-bibliotheek kun je speel audiobestanden af van standaardformaten ingesloten met aangepaste spelers. Howler wordt geleverd met een volledige API, dus je kunt een bouwen eenvoudige audiospeler, een grote afspeellijst, of looping achtergrondmuziek voor een HTML5-game in de browser.
Howler werd voor het eerst gemaakt begin 2013 en heeft vele iteraties doorgemaakt. Momenteel is het project zit op v2.x met meer dan 7k sterren op GitHub.
Het project was gemaakt door een game studio die Howler gebruikt in hun webgames voor geluid FX en achtergrondmuziek. Het ondersteunt a breed scala aan bestandstypen en codecs inclusief MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... noem een audiobestand en ik garandeer dat het wordt ondersteund.
Als u alleen een eenvoudige audiospeler wilt, is HTML5 misschien genoeg. Maar Howler heeft veel functies die jij hebt kan niet native worden met HTML, zoals uitfaden / in bij elke track, of automatisch cachen voor muziekbestanden om laadtijden te verminderen.
Howler is a pure JavaScript-bibliotheek zonder afhankelijkheden en het ondersteunt alle belangrijke browsers inclusief:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Mobile Safari 6+
- Opera 12+
- Microsoft Edge (alle versies)
Oudere browsers standaard naar de HTML5-audiospeler, dus het heeft redelijke fallback-opties.
Alles in Howler.js is modulaire, zodat u kunt kiezen welke functies u wilt opnemen en welke u wilt weglaten. Dit kan sterk verminderen HTTP-verzoeken het maken van audiospelers een stuk gemakkelijker te gebruiken.
Je kunt 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 spelgeluid FX voor browsergames en herhaalbare sprites die kan worden aangeroepen wanneer de gebruiker zweeft of klikt op iets op de pagina.
Hieronder ziet u een bas afstemming web app van CodePen dat toont een kleine fractie van wat Howler kan doen. En als je wilt kom meer te weten bezoek de repository van Howler GitHub documentatie vinden en Download links voor de nieuwste versie.