Code for UX interactive playlist.

I need a playlist for a drag-and-drop UX website. Unlike typical playlists that begin the next audio file after the previous one has finished, the audio files for this playlist must begin at specific times. See “playlisttiming.” So that there are no breaks between files, all files will overlap. In a program like Audacity, this is called a crossfade. For example, a file might be 2.5 seconds long and must play for 2.5 seconds. The next audio file is also 2.5 seconds and will begin 1.9 seconds from the beginning of the previous file. Another way to think of this is that each file will begin at a specific time from the beginning of the playlist. See visualplaylist.png This will help you visualize the overall structure of how the audio files will be heard as the list of audio files is played. The "overlap.png" image shows how each file begins as the previous one ends.

Essentially, this is a scaled-down version of Garageband or audio loop program.

The critical element of this project is the timing of all audio files. Each must begin EXACTLY at the correct moment in time.