我正在尝试使用 Web Audio API 将 JQuery 滑块连接到振荡器的增益节点。
振荡器工作,有一个工作增益滑块,还有一个 JQuery 滑块。我希望 JQuery 滑块像其他滑块一样控制增益。
这是到目前为止的代码
我正在尝试使用 Web Audio API 将 JQuery 滑块连接到振荡器的增益节点。
振荡器工作,有一个工作增益滑块,还有一个 JQuery 滑块。我希望 JQuery 滑块像其他滑块一样控制增益。
这是到目前为止的代码
给你: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);
});
});
你的增益函数应该收到一个像
function gain(value) {
gainNode.gain.value = value;
}
然后在 jQuery 滑块中执行类似的操作
slide: function( event, ui ) {
gain(ui.value);
}