如何連接JQuery UI滑塊和Web Audio API gainNode

Question

我正嘗試使用Web Audio API將JQuery滑塊連接到振盪器的增益節點。

該振盪器工作，有一個工作增益滑塊，並有一個JQuery滑塊。我想讓JQuery滑塊像其他滑塊一樣控制增益。

下面是代碼迄今

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

Answer 1

在這裏你去：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

你的收益函數應該收到類似

function gain(value) { 

    gainNode.gain.value = value; 
} 

值然後在jQuery的滑塊做類似

slide: function(event, ui) { 

    gain(ui.value);      
}