私は Web オーディオ 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>