为什么振荡器的网络音频输出没有按预期工作？

Question

代码如下：

我想创建一个音频程序，可以播放从低频到高频的音频。

但是，此代码会导致不同的输出（即使使用相同的设备）：

1. 声音突然发出 - 预期的结果是逐渐发出。我确信我的听力没问题，因为我已经让我的朋友听过；
2. 同一频率下的音频听起来不同。

警告：请在运行此脚本之前将音量调至非常低，以防万一受伤。

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

// create Oscillator node
var oscillator = audioCtx.createOscillator();

var osc_arr = [];

function purgeSound(){
  osc_arr.forEach(function(v){
    try {
      v.stop();
      v.disconnect(audioCtx.destination);
    } catch (e) {}
  })
}

function playSoundAtFreq(fq){
  purgeSound();
  var osc = audioCtx.createOscillator();
  osc_arr.push(osc);
  osc.type = 'square';
  osc.frequency.setValueAtTime(fq, audioCtx.currentTime); // value in hertz
  $('#fff').val(fq);
  osc.connect(audioCtx.destination);
  osc.start();
}

$('#stop').click(function(){
  purgeSound();
  _break = true;
})

var _break = false;
function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}
var pointer = 0;
var go = appendAttemptAsync(10000);
async function appendAttemptAsync(range) {
  if(_break) return;
  var target = pointer+range;
  for (pointer; pointer<range; pointer++) {
    playSoundAtFreq(pointer);
    console.log(pointer)
    //if(pointer % 1 == 0) {
      await sleep(100)
    //}
  }
  return 5221;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id='stop'>stop</button>
<input id="fff" type="text" />

警告：请在运行此脚本之前将音量调至非常低，以防万一受伤。

感谢您提出任何改进我的代码的建议。

Answer 1

如果您希望振荡器像 YouTube 视频中的 you mentioned 一样扫描，您可以执行以下操作：

let osc = new OscillatorNode(audioCtx);
osc.connect(audioCtx.destination);
osc.frequency.setValueAtTime(20, audioCtx.currentTime);
osc.frequency.linearRampToValueAtTime(audioCtx.sampleRate / 2, audioCtx.currentTime + 300);
osc.start();

将300 更改为音调扫过的适当时间。我随意选择了5分钟。

我不知道为什么您的示例不起作用，但是这个 sn-p 是使用 WebAudio 扫音的典型方法。