Estoy usando un script de Java para permitir la reproducción de audio cuando el texto hace clic en el segundo clic en iniciar el archivo de audio seleccionado por el div, y el segundo clic en pausarlo.

todos los archivos de audio se cargan sin controlador con una clase div específica

 let isClicked = false; function playclip1() { if ((navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion.indexOf('MSIE 7') != -1) || navigator.appVersion.indexOf('MSIE 8') != -1) { if (document.all) document.all.sound.src = 'click.mp3'; } else { let audio = document.getElementById('audiop1'); if (!isClicked) audio.play(); else audio.pause(); isClicked = !isClicked; } }

 <a href="javascript:playclip1();">Click For Sound</a><br> <audio id="audiop1"> <source src="audio.wav" type="audio/wav"> </audio>

Quiero que el controlador flote en la parte superior derecha para todos los archivos de audio y muestre solo el controlador de audio del div que se está reproduciendo actualmente. Si no hay reproducción de audio, no mostrará ningún controlador en la ubicación seleccionada o, opcionalmente, mostrará el último archivo de audio reproducido.

Tengo funciones de multiplicación playclip1 > audiop1 playclip2 > audiop2 y así sucesivamente

gracias.