nearest factor of 2

Author: spessasus

src/website/js/renderer/channel_analysers.ts

@@ -9,14 +9,26 @@ export function updateFftSize(this: Renderer) {
         const mul = drum
             ? STABILIZE_WAVEFORMS_FFT_MULTIPLIER / 2
             : STABILIZE_WAVEFORMS_FFT_MULTIPLIER;
+
+        const targetFFT = this._stabilizeWaveforms ? fft * mul : fft;
+
         this.channelAnalysers[i].fftSize = Math.min(
             32768,
-            this._stabilizeWaveforms ? fft * mul : fft
+            // Nearest factor of 2
+            1 << (31 - Math.clz32(targetFFT * this.sampleRateFactor))
         );
     }
     this.bigAnalyser.fftSize = Math.min(
         32768,
-        this._normalAnalyserFft * STABILIZE_WAVEFORMS_FFT_MULTIPLIER * 2
+        // Nearest factor of 2
+        1 <<
+            (31 -
+                Math.clz32(
+                    this._normalAnalyserFft *
+                        STABILIZE_WAVEFORMS_FFT_MULTIPLIER *
+                        2 *
+                        this.sampleRateFactor
+                ))
     );
 }
 

src/website/js/renderer/renderer.ts

@@ -116,6 +116,7 @@ export class Renderer {
     protected readonly renderBigFft = renderBigFft.bind(this);
     protected readonly inputNode: AudioNode;
     protected readonly workerMode: boolean;
+    protected readonly sampleRateFactor: number;
 
     /**
      * Creates a new midi renderer for rendering notes visually.
@@ -137,6 +138,8 @@ export class Renderer {
         this.canvas = canvas;
         this.plainColors = channelColors;
         this.workerMode = workletMode;
+        // All data has been adjusted for 44.1kHz, correct it here
+        this.sampleRateFactor = this.synth.context.sampleRate / 44_100;
 
         // Will be updated by locale manager
         locale.bindObjectProperty(