Out of curiosity, what does adding songs to listen to the program involve?

Hi Lesak,

If you kept it simple then you should be able to do it entirely on the front end. If you were going to have a big site with user accounts and users could upload mp3's and create their own playlists, etc.. then you'd have to go backend and databases to store everything.

You would need an audio player to do the actual playing of the music similar to how you need a video player to play a video on your page. To start off with you could use the html5 audio element and rely on the native ui controls that each browser provides.

Treehouse has a course to get you familiar with that: https://teamtreehouse.com/library/html-video-and-audio

The other thing you need is the audio files. Here's a link to caniuse showing support for the various audio formats: http://caniuse.com/#search=audio%20format

It looks to me like mp3 covers everything the other 2 formats cover plus some extra. So with modern browsers you could probably get away with mp3 only. Usually a couple formats are needed for videos in order to have fuller coverage because not all browsers support the same formats.

I haven't implemented this before but I would imagine that you would want to modify your javascript so that when a song changes in the ui you would update the src attribute for the audio element to the current song.