El JS que te pasé lo debes meter al final del body, y entre las etiquetas <script> y </script>.
Una demo mezclando dos sonidos (el original y la percusión):
https://www.w3schools.com/code/tryit...e=G9UK1FG9BB0M
Simplemente pones tus audios en vez de los que he puesto de prueba. Dejo el HTML completo por si expira la demo:
Código HTML:
Ver original<!DOCTYPE html>
<audio class="audioplay-player" id="miaudio" controls> <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" /> Your browser doesnt support <audio> element.
var aud2 = new Audio();
aud2.loop = true; // reproducir en bucle
var src = document.createElement("source");
src.type = "audio/mpeg";
src.src = "https://www.hoerspielbox.de/wp-content/blogs.dir/sites/1/4-1-10006.mp3?_=7"; // audio secundario
aud2.appendChild(src);
document.getElementById("miaudio").onplay = function(){
aud2.play()
};
document.getElementById("miaudio").onpause = function(){
aud2.pause();
};