Estoy haciendo un reproductor de audio dinámico simple con jquery/js.

El usuario agrega pistas de audio localmente y se agregan a una lista de reproducción.

Al hacer doble clic, la canción se reproduce y al hacer doble clic, la canción se detiene.

Hay un ecualizador, bifurcado de: https://codepen.io/chi-hin-leung/pen/VwppqLL

Escenario: cuando el usuario hace doble clic para reproducir la canción, se crea un createMediaElementSource.

Problema:

1. Usuarios reproduce una canción usuario
2. luego toca otra canción
3. el usuario vuelve a reproducir la primera canción (problema)

El ecualizador no funciona y arroja un error. (captura de pantalla)

He subido el código en codepen . y también en un servidor de prueba .

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

PD: ver en pc por favor