JS睡眠機能付きオシレーターからのノートのオーディオシーケンス

Question

dur（ミリ秒）の間にfreqヘルツで音を演奏する単純な関数playTone(freq, dur)を作成しようとしています。

新しいノートブックを開始する前に、前のノートが終了するのを待つ機能が得られません。このサイトのsleep機能を使用して私のコードは以下の通りです。私はまだJSとの同期/非同期のことを理解していないので、できるだけシンプルにしたいと思います。誰も私のコードを動作させるのに役立つことができますか？現在、ノートはすべて一緒に演奏されます。

<script> 
function sleep (time) { 
    return new Promise((resolve) => setTimeout(resolve, time)); 
} 

function playTone(freq, dur) { 
    var audio = new AudioContext(); 
    var osc = audio.createOscillator(); 
    var gainNode = audio.createGain() 
    gainNode.gain.value = 0.2 
    osc.frequency.value = freq; 
    osc.type = "square"; 
    osc.connect(gainNode); 
    gainNode.connect(audio.destination); 
    osc.start(0); 
    osc.stop(dur); 
} 

for (var i = 0; i < 20; i++) { 
    playTone(440 + 10 * i, 1); 
    sleep(1000); 
} 
</script> 

Answer 1

それは最善のアプローチではないのですが、あなたは再帰的なメソッドを作成することができ、このような：

function playTone(freqs, idx, dur) { 
    var audio = new AudioContext(); 
    var osc = audio.createOscillator(); 
    var gainNode = audio.createGain() 
    gainNode.gain.value = 0.2 
    osc.frequency.value = freqs[idx]; 
    osc.type = "square"; 
    osc.connect(gainNode); 
    gainNode.connect(audio.destination); 
    osc.start(0); 

    setTimeout(function() { 
     osc.stop(0); //Now setTimeout controls the stop 
     if (freqs[idx + 1]) { 
      playTone(freqs, idx + 1, dur); 
     } 
    }, dur); 
} 

var frequencies = []; 

for (var i = 0; i < 20; i++) { 
    frequencies.push(440 + 10 * i); 
} 

playTone(frequencies, 0, 1000);