javascript - 带有睡眠功能的振荡器的 JS 音频音符序列

Question

我正在尝试创建一个简单的函数，以赫兹（毫秒）playTone(freq, dur)播放音调。freqdur

我无法让函数等待上一个笔记完成，然后再开始一个新的。我的代码在下面，使用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);