Tengo 3 canciones.
<audio id="audio1">
<source src="http://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3">
</audio>
<audio id="audio2">
<source src="http://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3">
</audio>
<audio id="audio3">
<source src="http://www.soundhelix.com/examples/mp3/SoundHelix-Song-4.mp3">
</audio>
<ul>
<li class="play" data-audio="1">cancion 1</li>
<li class="play" data-audio="2">cancion 2</li>
<li class="play" data-audio="3">cancion 3</li>
</ul>
estas las reproduzco desde la lista anterior.
con la siguiente función hago el play / pausa
var whichAudio;
$(document).on('click', '.play', function() {
whichAudio = $('#audio' + $(this).data('audio'));
document.getElementById("reproductorcontroles").style.height = "45px";
whichAudio[0].paused
? whichAudio[0].play()
: whichAudio[0].pause();
});
la variable whichAudio almacena el identificador de cada canción. ¿como puedo obtener el identificador de la canción que esta sonando para pasarla a otra función para trabajar con esa variable?