I'm making a simple dynamic audio player with jquery / js.

The user adds audio tracks locally and they get added into a playlist.

On double click, the song plays, and on double click the song stops.

There is an equalizer, forked from: https://codepen.io/chi-hin-leung/pen/VwppqLL

Scenario: When the user double clicks to play the song, a createMediaElementSource is created.

Problem:

1. Users plays a song user
2. then plays another song
3. user plays the first song again (problem)

The equalizer doesnt work and throws an error. (screenshot)

Ive uploaded the code on codepen. & also on a test server.

mediaElement = trackElement;
console.log("🎉 MEDIA ELEMENT: ", mediaElement);
sourceNode = context.createMediaElementSource(mediaElement);
console.log("🎉 SOURCE: ", sourceNode);

PS: view on pc please