Outdated audio players are a thing of a past interjection to modern HTML5 audio and a rapid adoption of browser support. But web designers can go one step serve with a pure audio library such as Howler.js.
This giveaway open source JS library lets we play audio files from customary formats embedded with tradition players. Howler comes with a full API, so we can build a simple audio player, a large playlist, or looping credentials music for an in-browser HTML5 game.
Recommended Reading: Web Design: How to Create A Sleek Web Audio Player
Howler was initial combined behind in early 2013 and has left by many iterations. Currently, a plan sits during v2.x with over 7k stars on GitHub.
The plan was created by a diversion studio that uses Howler in their web games for sound FX and credentials music. It supports a wide array of record forms codecs including MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC… name an audio record and we pledge it’s supported.
If we only wish a elementary audio actor afterwards HTML5 competence be enough. But Howler comes with many facilities we can’t get natively with HTML, such as fading out/in with any track, or automatic caching for song files to diminution bucket times.
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Mobile Safari 6+
- Opera 12+
- Microsoft Edge (all versions)
Older browsers default to a HTML5 audio player, so it has reasonable fallback options.
Everything in Howler.js is modular, so we can select that facilities to embody and that to leave out. This can greatly revoke HTTP requests creation audio players a lot easier to use.
Below, we can see a bass tuning web app from CodePen that demonstrates a tiny fraction of what Howler can do. And, if we wanna learn more revisit a Howler GitHub repo to find documentation and download links for a latest version.
Recommended Reading: How to Stream Truncated Audio Using MediaSource API