folley.js

gistfile1.js

(function(doc, undefined) {
    var soundEffectStable = [
        new Audio("/media/sounds/comical.wav"),
        new Audio("/media/sounds/dirp.wav"),
        new Audio("/media/sounds/whip-and-bonk.wav"),
    ];

    for (var i = 0; i < 4; i++) {
        soundEffectStable = soundEffectStable.concat(soundEffectStable);
    }

    var boom = function() {
        var randomAvailableSoundEffects = soundEffectStable.filter(function(soundEffect) {
            return soundEffect.paused;
        });

        var randomAvailableSoundEffect = randomAvailableSoundEffects[
            Math.floor(randomAvailableSoundEffects.length * Math.random())
        ];

        if (randomAvailableSoundEffect) {
            randomAvailableSoundEffect.play();
        };
    };

    var events = ["click", "keypress", "change"];

    events.forEach(function(event) {
        doc.addEventListener(event, boom, true);
    });

    var isScrolling = false;
    var droppingSoundEffect = new Audio("/media/sounds/dropping.wav");
    var boomSoundEffect = new Audio("/media/sounds/boom.wav");
    var endDroppingEffect;
    doc.addEventListener("scroll", function() {
        isScrolling = true;
        droppingSoundEffect.play();

        clearTimeout(endDroppingEffect);
        endDroppingEffect = setTimeout(function() {
            isScrolling = false;
            droppingSoundEffect.pause();
            droppingSoundEffect.currentTime = 0;

            boomSoundEffect.play();
        }, 500);
    });


    var teethBrushingSoundEffect = new Audio("/media/sounds/teeth-brushing.wav");
    var endTeethBrushingEffect;
    doc.addEventListener("mousemove", function() {
        if (isScrolling) { return; }

        teethBrushingSoundEffect.play();

        clearTimeout(endTeethBrushingEffect);
        endTeethBrushingEffect = setTimeout(function() {
            teethBrushingSoundEffect.pause();
        }, 100);
    });


}(document));

https://en.wikipedia.org/wiki/Foley_(filmmaking)