// 创建一个全局的 Howler 声音管理器
var soundManager = {
    sounds: [],
    
    // 播放新声音并停止所有其他声音
    playNewSound: function(src) {
        // 停止所有当前播放的声音
        this.stopAllSounds();
        
        // 创建并播放新声音
        var sound = new Howl({
            src: [src],
            autoplay: true,
            onend: function() {
                // 从管理器中移除已结束的声音
                soundManager.removeSound(this);
            }
        });
        
        // 将新声音添加到管理器
        this.sounds.push(sound);
    },
    
    // 停止所有声音
    stopAllSounds: function() {
        this.sounds.forEach(function(sound) {
            sound.stop();
        });
        this.sounds = []; // 清空数组
    },
    
    // 从管理器中移除特定声音
    removeSound: function(sound) {
        this.sounds = this.sounds.filter(function(s) {
            return s !== sound;
        });
    }
};

// 使用jQuery绑定点击事件
$(document).ready(function() {
    $('.play-button').click(function() {
        var soundFile = $(this).data('sound');
        soundManager.playNewSound(soundFile);
    });
});

// 存储当前播放的声音
var currentSound = null;

$(document).ready(function() {
    $('.play-button').click(function() {
        var soundFile = $(this).data('sound');
        
        // 停止当前播放的声音
        if (currentSound) {
            currentSound.stop();
        }
        
        // 创建并播放新声音
        currentSound = new Howl({
            src: [soundFile],
            autoplay: true
        });
    });
});