Tocar sons com javascript

Teremos um botão e quando clicarmos nele iremos tocar um som.

Código-fonte no github

Demonstração hospedada com gh-pages

Botão de fazer som

<b> index.html </b>

<div class='row text-center' style='margin-top: 50px;'>
    <div id="1" class="gridBox btn btn-lg btn-primary">Hey everybody</div>
</div>

Estou usando o sound.js e, para começar, o código fornecido no site deles, ligeiramente modificado para estilização

<b> main.js </b>

$(document).ready(function(){
    var preload;

    function init() {
        if (!createjs.Sound.initializeDefaultPlugins()) {
            return;
        }

        var assetsPath = "";
        var sounds = [
            {src: "hey_everybody.m4a", id: 1}
        ];

        createjs.Sound.alternateExtensions = ["mp3"];   // add other extensions to try loading if the src file extension is not supported
        createjs.Sound.addEventListener("fileload", createjs.proxy(soundLoaded, this)); // add an event listener for when load is completed
        createjs.Sound.registerSounds(sounds, assetsPath);
    }

    function soundLoaded(event) {
        //examples.hideDistractor();
        var div = document.getElementById(event.id);
    }

    function stop() {
        if (preload != null) {
            preload.close();
        }
        createjs.Sound.stop();
    }

    function playSound(target) {
        //Play the sound: play (src, interrupt, delay, offset, loop, volume, pan)
        var instance = createjs.Sound.play(target.id, createjs.Sound.INTERRUPT_NONE, 0, 0, false, 1);
        if (instance == null || instance.playState == createjs.Sound.PLAY_FAILED) {
            return;
        }
        instance.addEventListener("complete", function (instance) {

        });
    }

    init();
    $('.gridBox').on('click', function(){
        playSound(this);
        setTimeout(function(){
            stop()
        }, 2000);
    });

});

No final da função, chamamos init e ouvimos cliques. Pare o som após 2 segundos.