javascript - 多个声音相互重叠

Question

我正在正常播放音频文件，但一旦单击#messageCenter区域内的任何其他文件，我需要停止任何其他声音。里面没有 isPlaying 参数，有一个简单的方法可以做到这一点吗？ Stack 中唯一对此的其他引用是游戏插件。

$("#messageCenter area").on( "click", function() {
        var source = "assets/audio/" + $(this).attr('id') + ".wav";
        var audio = $('#audio');
        var sound = new Audio(source);
        sound.play();
});

Answer 1

尝试以下代码(抱歉，我没有测试它):

$("#messageCenter area").on( "click", function() {
    var audio = $('#audio'); 
    var lastSound = audio.data('lastSound');
    if (lastSound) lastSound.pause();

    var source = "assets/audio/" + $(this).attr('id') + ".wav";
    var sound = new Audio(source);
    sound.play();

    audio.data('lastSound', sound);
});