JQuery旋钮，输入滑块和网页音频振荡器连接但不工作

JQuery knob, input slider and web audio oscillator connecting but not working

本文关键字：振荡器 音频 连接 工作 网页 旋钮 输入 JQuery      更新时间：2023-09-26

我有web音频api和JQuery旋钮库的工作方式…但也不完全如此。旋钮滑块控制输入滑块，但值似乎没有传递给我想要影响的参数。

一个简单的例子见这里:

http://jsfiddle.net/RKH35/1/

代码:

<input  id="gain1" type="range" class="dial" >

<script>
document.getElementById('gain1').addEventListener('change', function() {
gainNode.gain.value = this.value;
}); 
$(function() {
        var  value = document.getElementById("gain1").value;
        $(".dial").knob({ change : function (value) {    } 
                })
});

context = new webkitAudioContext();     

//Create oscillator object & params       
oscillator = context.createOscillator(),         oscillator.type = 2;      oscillator.frequency.value = 200;

//Create gain object & params
gainNode = context.createGainNode();       gainNode.gain.value = 1;  

//Connect devices
oscillator.connect(gainNode); 
gainNode.connect(context.destination);
oscillator.start(0); 
</script>

$(".dial").knob({ 
    change : function (value) {
        gainNode.gain.value = value;
    } 
})
相关文章：