How to make a button that pauses a background music

[Pencil]

How To Make Multiple Background Musics Thats Toggleable
Right Now I Have This:

var music1 = new Sound(“./assets/sound/music1.mp3”, 0.5, 10);
var music2 = new Sound(“./assets/sound/music2.mp3”, 0.5, 10);
var music3 = new Sound(“./assets/sound/music3.mp3”, 0.5, 10);
musicstop = function() {
music1.pause();
music2.pause();
music3.pause();
}
music1 = function() {
music1.play();
music2.pause();
music3.pause();
};
music2 = function() {
music2.play();
music1.pause();
music3.pause();
};
music3 = function() {
music1.play();
music1.pause();
music2.pause();
};

Any Solution

[wh0]

Looking good at a pseudocode level. What’s new Sound in your snippet?

[Pencil]

Idk What The New Sound Is

[Pencil]

Its Nothing

[tiago]

Hi! I think new Sound doesn’t work. Try new Audio

[Pencil]

Nah new Sound Works

I Just Dont Know How To Get Music To Play From A Button

[tiago]

Hi! I’m gonna make a glitch project to test everything for myself
Edit: Actually, quite easy

/*
  Your HTML:
  <button onclick="toggleAudio()">Toggle background audio</button>
*/
var backgroundAudio = new Audio(
  "https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
);
function toggleAudio() {
    return backgroundAudio.paused ? backgroundAudio.play() : backgroundAudio.pause();
}

[Pencil]

This Man Is Expert
Edit: Is It Possible To Make It A Checkbox?

[tiago]

Hi! Yes it is! Try:

<input type="checkbox" onchange="toggleAudio()">

var backgroundAudio = new Audio(
  "https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"
);
backgroundAudio.loop = true;
function toggleAudio() {
    return backgroundAudio.paused ? backgroundAudio.play() : backgroundAudio.pause();
}

Click the checkbox to enable and disable the background audio

[Pencil]

Thx For Your Help!