Изменение типа осциллятора в API веб-аудио со сдвигом диапазона

Question

Мне удалось заставить ползунок изменять частоту генератора, но не работает для типа осциллятора.

здесь ссылка jsfiddle http://jsfiddle.net/ehsanziya/aKDkf/1/

и Вот JavaScript

$(document).ready(function() { 

var context = new webkitAudioContext(); 
var osc = context.createOscillator(); 

//initializing oscillator type to 0 (Sinewave) 
osc.type=0; 
$('oscType').change(function(){ 
osc.type = $(this).val(); 
}) 

//setting initial OSC frequency to 440. 
osc.frequency.value = 440; 
//changing Oscillator's frequency with the range input 
$('#oscFreq').change(function(){ 
osc.frequency.value = $(this).val() 
}) 



$('#onOff').click(function() { 
    this.value = this.value === 'ON' ? 'OFF' : 'ON'; 
}); 


$('#onOff').click(function() { 
    var buttonValue = $('#onOff').val(); 

    // creating AudioContext 


    if (buttonValue === 'OFF') { 
     osc.connect(context.destination); 
     osc.noteOn(0); 

    } else if (buttonValue === 'ON') { 
     osc.disconnect(0); 
    } 


}); 

});

Answer 1

Две вещи:

Во-первых, в строке 7 ваш селектор ошибочен. Нужно быть $('#oscType'). У вас отсутствовал #.

Во-вторых, в строке 8 вам необходимо изменить на osc.type = parseInt($(this).val(), 10);, поскольку входные значения всегда являются строками, и вам нужно целое число.

Answer 2

Я не проверял другие возможные проблемы, но в соответствии с API спецификации веб-аудио, вы должны передать строку с указанием нужного типа вместо междунар, см deprecation notes

//OscillatorNode constants for the .type attribute 

//New way 
enum OscillatorType {"sine", 
        "square", 
        "sawtooth", 
        "triangle", 
        "custom" }