Javascript 停下来播放不同的声音

Question

我正在 javascript 中构建一个简单的网络应用程序，其中有 3 个按钮播放 3 种不同的 mp3 声音。我有点坚持逻辑。如果我先播放按钮 1，然后播放按钮 2，我需要声音 1 停止并播放声音 2。我该怎么做？

我的代码：

Javascript:

function playSound(el, soundfile) {
    if (el.mp3) {
        if(el.mp3.paused) el.mp3.play();
        else el.mp3.pause();
    } else {
        el.mp3 = new Audio(soundfile);
        el.mp3.play();
    }
}

HTML:

<a class="btn" onclick="playSound(this, 'sounds/sound-1.mp3');">sound 1</a>
<a class="btn" onclick="playSound(this, 'sounds/sound-2.mp3');">sound 2</a>
<a class="btn" onclick="playSound(this, 'sounds/sound-3.mp3');">sound 3</a>

提前致谢

Answer 1

将播放的音频存储在一个数组中：

var playing=[];

//when played
playing.push(el.mp3);

现在您可以使整个阵列静音：

playing.forEach(el=>el.pause());
playing=[];

Javascript 停下来播放不同的声音

Javascript stop and play different sounds

javascript

html5-audio