Panini Venkataraman

So I have a function like this:

function music(song) {
var audio = new Audio("audio/" + song + ".ogg");
audio.play();
}

And the problem I’m having is that audio.play() works perfectly, but if I try audio.pause() later (after defining the same variable), it doesn’t work. However, if I do this:

function music() {
var audio = document.getElementById("songname");
audio.play();
}

Then I can define the variable and later use audio.pause() to pause the track. The problem is that I want to do this within javascript because I have a lot of tracks and I don’t want to create audio elements for each one.

Why doesn’t the first piece of code allow me to pause the audio later? Is there any way I can let it pause the audio later? If not, are there any alternatives that involve playing the audio from javascript by passing a parameter which is the song title? I don’t want to have to include the src in the html.

I suspect that jQuery might have an easy solution for this but form what I’ve researched I couldn’t find anything.