Web audio api 如何连接JQuery UI滑块&;一个Web音频API gainNode

Web audio api 如何连接JQuery UI滑块&;一个Web音频API gainNode,web-audio-api,Web Audio Api,我正在尝试使用Web音频API将JQuery滑块连接到振荡器的增益节点 振荡器工作,有一个工作增益滑块和一个JQuery滑块。我希望JQuery滑块像其他滑块一样控制增益 这是迄今为止的代码 增益函数应接收如下值 function gain(value) { gainNode.gain.value = value; } 然后在jQuery中执行如下操作 slide: function( event, ui ) { gain(ui.value);

我正在尝试使用Web音频API将JQuery滑块连接到振荡器的增益节点

振荡器工作,有一个工作增益滑块和一个JQuery滑块。我希望JQuery滑块像其他滑块一样控制增益

这是迄今为止的代码


增益函数应接收如下值

function gain(value) {

    gainNode.gain.value = value;
}
然后在jQuery中执行如下操作

slide: function( event, ui ) {

    gain(ui.value);                    
}
给你:

$(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);
    });
});