FFT dengan offlineAudioContext

Saat Anda menyetel fftSize di AnalyserNode, Anda akan mendapatkan (fftSize / 2) jumlah bin. Oleh karena itu, Anda melihat data yang jauh lebih sedikit dari yang diharapkan.

Pada dasarnya apa yang terjadi adalah getByteFrequencyData hanya melihat 128 sampel pertama dari buffer yang Anda berikan, dan sisanya diabaikan begitu saja.

Sebaliknya, Anda mungkin ingin mencoba menggunakan ScriptProcessorNode dengan bufferSize sama dengan fftSize Anda. Kemudian, di event handler ScriptProcessorNode's onaudioprocess, Anda dapat mengambil buffer dan mendapatkan FFT-nya. Sesuatu seperti ini:

var processor = context.createScriptProcessor(fftSize, 1, 1);
source.connect(processor);

processor.onaudioprocess = function( e ) {
  var input = e.inputBuffer.getChannelData(0),
      data = new Uint8Array(fftSamples);
  fft.getByteFrequencyData(data);
  // do whatever you want with `data`
}

Dengan asumsi bahwa buffer adalah array float32 yang berisi suara satu saluran,
berikut adalah kode bagus untuk analisis offline yang saya tulis.

Fungsi yang diteruskan ke callback akan dieksekusi pada setiap langkah analisis.
Fungsi yang diteruskan ke onend akan dipanggil pada akhir proses.

function callback(data) {
    callback.count = callback.count || 0;
    console.log(callback.count++, data);
}
fftAnalyser = function(buff, sampleRate, fftSize, callback, onend) {

    // by Zibri (2019)
    var frequencies = [1000,1200,1400,1600]; //for example
    var frequencyBinValue = (f)=>{
        const hzPerBin = (ctx.sampleRate) / (2 * analyser.frequencyBinCount);
        const index = parseInt((f + hzPerBin / 2) / hzPerBin);
        return data[index]+1;
    }
    ctx = new OfflineAudioContext(1,buff.length,sampleRate);
    ctx.sampleRate = sampleRate;
    ctx.destination.channelCount = 1;

    processor = ctx.createScriptProcessor(1024, 1, 1);
    processor.connect(ctx.destination);

    analyser = ctx.createAnalyser();
    analyser.fftSize = fftSize;
    analyser.smoothingTimeConstant = 0.0;

    //analyser.minDecibels = -60;
    //analyser.maxDecibels = -20;

    source = ctx.createBufferSource();
    source.connect(analyser);

    processor.onaudioprocess = function(e) {
        data = new Uint8Array(analyser.frequencyBinCount);
        analyser.getByteFrequencyData(data);
        state = frequencies.map(frequencyBinValue.bind(this))
        if ("function" == typeof callback)
            onend();
        callback(state);
    }

    analyser.connect(processor);

    var sbuffer = ctx.createBuffer(1, buff.length, ctx.sampleRate);
    sbuffer.getChannelData(0).set(buff);
    source.buffer = sbuffer;

    source.onended = function(e) {
        console.log("Analysys ended.");
        if ("function" == typeof onend)
            onend();
    }

    console.log("Start Analysis.");

    source.start(0);
    ctx.startRendering();
}