Cómo conectar un control deslizante JQERY UI y un API API API GAINGNODE

Question

Estoy tratando de conectar un control deslizante jQuery a un nodo de ganancia de un oscilador con la API de audio web.

El oscilador funciona, hay un control deslizante de ganancia de trabajo y hay un control deslizante jQuery.Quiero que el control deslizante jquery controle la ganancia como lo hace el otro control deslizante.

Aquí está el código hasta ahora

http://jsfiddle.net/taoist/jctjj/2/

Answer 1

Aquí se va: http://jsfiddle.net/jctjj/19/

$(function() {
    var webSlider = document.getElementById('volume');
    var output = $('#gain');
    var sliderParams = {
        'orientation': "vertical",
        'range': "min",
        'min': 0,
        'max': 1,
        'animate': false,
        'step': 0.01,
        'slide': function(event, ui) {  
            window.gainNode.gain.value = ui.value;
            output.val(window.gainNode.gain.value);
        },
        'stop': function(event, ui) {
            console.log(window.gainNode.gain.value);
        }
    };

    $('#sliderOne').slider(sliderParams);
    webSlider.addEventListener('change', function () {
        window.gainNode.gain.value = this.value;
        output.val(window.gainNode.gain.value);
    });
});

Answer 2

La función de ganancia debe recibir un valor como

function gain(value) {

    gainNode.gain.value = value;
}

luego en jquery slider hace algo como

slide: function( event, ui ) {

    gain(ui.value);                    
}