오실레이터 주파수 변경

Question

웹 오디오 API으로 음향 파를 생성하는 다양한 발진기를 만들기 시작했습니다.

저는 전 과정에 다소 새로운 것이므로, 음색을 재생하는 방법이 있는지, 일정한 주파수가 아닌 중간 단계로 변경하는지 궁금합니다.

예 : I가 3초 대해 300 Hz에서 시작 톤을 원하고 레이즈 직선 다음 4초 위에 400 Hz에서 한다.

나는이 세례반하지만 내가 무엇을 찾고 있다면 난 정말 확실하지 않다 : 지금까지

osc.setPeriodicWave(wave); 

내 자바 스크립트 :

$(document).ready(function() { 

// Function that plays the tone. 
var playTone = function(duration, frequency) { 
var context = new(window.AudioContext || window.webkitAudioContext)(); 
var osc = context.createOscillator(); 
// Sine is the default type. Also available: square, sawtooth and triangle waveforms. 
osc.type = 'sine'; 
// Frequency in Hz. 
osc.frequency.value = frequency; // Frequency in Hz 
osc.connect(context.destination); 
osc.start(context.currentTime); 
osc.stop(context.currentTime + duration); 
} 

// Button and input functionality. 
$("button").on("click", function() { 

var whichButton = $(this).text() 
var duration = document.getElementById("durationInput").value; 
var frequency = document.getElementById("f1Input").value; 
if (whichButton == " Play") { 
    playTone(duration, frequency); 
} 

}); 

}); 

내 작업과 codepen 지금까지 :Codepen.io - Acoustic wave generator

Answer 1

고조파 (additive) 합성을위한 PeriodicWave는 원하지 않습니다.

이것은 매우 간단합니다. 주파수 AudioParam의 스케줄링 방법 인 "setValueAtTime"과 "linearRampToValueAtTime"을 사용해야합니다. 이것을 시도하십시오 :

// Function that plays the tone. 
var playTone = function(duration, frequency) { 
    var context = new(window.AudioContext || window.webkitAudioContext)(); 
    var osc = context.createOscillator(); 
    // Sine is the default type. Also available: square, sawtooth and triangle waveforms. 
    osc.type = 'sine'; 
    var now = context.currentTime; 
    // Frequency in Hz. 
    // Set initial value. (you can use .value=freq if you want) 
    osc.frequency.setValueAtTime(frequency, now); 
    // set a "checkpoint" in 3 seconds - that will be the starting point of the ramp. 
    osc.frequency.setValueAtTime(frequency, now+3); 
    // set a ramp to freq+100Hz over the next 4 seconds. 
    osc.frequency.linearRampToValueAtTime(frequency+100,now+7) 
    osc.connect(context.destination); 
    osc.start(now); 
    osc.stop(now + duration); 
}