A dynamic audio playlist

Build a playlist by selecting sounds and placing them in the box below. Click play in the controls to start playing the playlist. Add to the the playlist while it plays.

A version of this demo could be constructed using plain HTML5 audio elements, but using ProcessedMediaStream has the advantage that playlist timing remains accurate even if the page's main thread is jittery.

The WAV samples have some silence towards the end which is why they appear to stop playing before reaching the end of the duration bar.