The jukebox shown here was developed for the HUMN 315 / MUSI 315 course. The audio comes from a radio series produced by the original course author, David Gregory.
The audio track is a single long mp3 that is uploaded to the au.cmg.io server for streaming. Once uploaded it's transcoded to an mp4 without a video track. That file format is supported by the <audio> element—used in the jukebox.
The track links below the audio controller are clickable and will cue up to the timecode in the longer track as a way of organizing student access to different parts of the broadcast.
On the following pages you'll the find implementation and code explanations.