How to make an Mp3 Player based on HTML5 and HowlerJS

HowlerJS is a nice JavaScript library for handling audio files with JavaScript.

In this blog post I’m going to share a test project that I’ve done, it is an Mp3 player web program using HowlerJS.

This player has all the basic UI requirements such as a seek bar, play, pause, next and prev button and also playlist navigation to switch between playable audio files.

Take a look at this video as I demonstrated how this Mp3 player works:

The source code is available at my GitHub page in this link below:

Please note that a bad thing about this mp3 player is, it must download the mp3 files into the cache first before playing it. Thus if the file is relatively big, then the player need more time to prepare it.


Leave a Reply

Your email address will not be published. Required fields are marked *