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

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

有关简单示例，请参见此处：

代码：

<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>

document.getElementById（'gain1'）。addEventListener（'change'，function（）{
gainNode.gain.value=此.value；
}); 
$（函数（）{
var值=document.getElementById（“gain1”）.value；
$（“.dial”）.旋钮（{change:function（value）{}
})
});
context=新的webkitAudioContext（）；
//创建振荡器对象和参数
振荡器=context.create振荡器（），振荡器.type=2；振荡器.frequency.value=200；
//创建增益对象和参数（&P）
gainNode=context.createGainNode（）；gainNode.gain.value=1；
//连接设备
振荡器。连接（增益节点）；
连接（context.destination）；
振荡器。启动（0）；

$(".dial").knob({ 
    change : function (value) {
        gainNode.gain.value = value;
    } 
})