script.js

const audioContext = new AudioContext();
const gainNode = audioContext.createGain();
gainNode.connect(audioContext.destination);

const buttons = document.querySelectorAll(".sound-btn");
const volumeSlider = document.getElementById("volume");
const volumeText = document.getElementById("volume-percentage");
const muteBtn = document.querySelector(".mute");

let audioBuffers = {};    
let currentSource = null; 
let isMuted = false;
let lastVolume = 0.5;


async function loadSound(name, url) {
    const response = await fetch(url);
    const arrayBuffer = await response.arrayBuffer();
    const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
    audioBuffers[name] = audioBuffer;
}


loadSound("dog", "dog.wav");
loadSound("cat", "cat.wav");
loadSound("laugh", "laugh.wav");
loadSound("lambo", "lambo.mp3");
loadSound("clap", "clap.wav");
loadSound("bell", "bell.wav");



function playSound(name) {
    if (audioContext.state === "suspended") audioContext.resume();

    
    if (currentSource) currentSource.stop();

    const source = audioContext.createBufferSource();
    source.buffer = audioBuffers[name];
    source.connect(gainNode);
    source.start();

    currentSource = source;
}


buttons.forEach(btn => {
    btn.addEventListener("click", () => {
        const soundName = btn.getAttribute("data-sound");
        playSound(soundName);
    });
});


volumeSlider.addEventListener("input", () => {
    const vol = parseFloat(volumeSlider.value);
    gainNode.gain.value = vol;

    volumeText.textContent = Math.round(vol * 100) + "%";
    if (!isMuted) lastVolume = vol;
});


muteBtn.addEventListener("click", () => {
    isMuted = !isMuted;

    if (isMuted) {
        gainNode.gain.value = 0;
        volumeSlider.value = 0;
        volumeText.textContent = "0%";
    } else {
        gainNode.gain.value = lastVolume;
        volumeSlider.value = lastVolume;
        volumeText.textContent = Math.round(lastVolume * 100) + "%";
    }
});