Javascript Audio Player

Wanted to do a project that used some DOM manipulation and fetch api. Audio player is a good use case.

Javascript Audio Player Setup

Loaded in audio data as a JSON file using fetch. Set up multiple event listeners(start, stop, drag, drop, click). Used ionicons for the interface buttons and made simple css sliders for the volume and the progress bar that is activated using javascript.

Technologies Used

Final Thoughts

To further the project, I still need to make a feature to resume the playback at the same spot that it was stopped at. Also, possible add a better interface for changing the track. The project can be viewed at Javascript Audio Player.