We’re building out a fully-responsive audio music player with plain 'ol HTML, CSS, and JavaScript. We’ll be pulling the info from a “server” (JSON file … but it’s how you’d likely receive data from a server) and then using that data to populate the UI and play the audio.

In this second video, we’ll build out the JavaScript.

Part 1: https://youtu.be/dSpoe873JCE

Code and live site

• Full code repo: https://github.com/coding-in-public/audio-player
• Live site: https://codinginpublic.dev/projects/audio-player/

Important links

• Icons: https://phosphoricons.com/
• Font: https://fonts.google.com/specimen/Rubik+Mono+One
• Public domain music: https://freemusicarchive.org/music/John_Bartmann/Public_Domain_Soundtrack_Music_Album_One
• Brad’s video: https://www.youtube.com/watch?v=QTHRWGn_sJw (I’d watched this a few months back and went to him for the progress bar section of the player)

#html #css #javascript