implements new window functions

Author: julia-script

demo/demo1.html

@@ -44,14 +44,14 @@
     snapshotCanvas.width = 1024
 
     const context = new AudioContext({ sampleRate: SAMPLE_RATE })
-    
+    const nativeAnalyserNode = context.createAnalyser()
     const audioSource = context.createMediaStreamSource(stream);
 
     const bottomMargin = 30
     const analyserNode = await advancedAnalyserNode.createAdvancedAnalyserNode(context, {
       fftSize: FFT_SIZE,
       samplesBetweenTransforms: FFT_SIZE,
-      windowFunction: 'none'
+      windowFunction: 'rectangular'
     })
 
     const drawFrame = (canvas, context2d, data) => {
@@ -70,10 +70,12 @@
       drawFrame(canvas, context2d, detail)
     })
     audioSource.connect(analyserNode)
+    audioSource.connect(nativeAnalyserNode);
+
 
     floatFrequencyButton.onclick = async () => {
       const response = await analyserNode.getFloatFrequencyData()
-
+      drawFrame(snapshotCanvas, snapshotContext2d, response)
       output.innerHTML = 
       `
         \nFloat Frequency Data
@@ -84,8 +86,6 @@
     }
 
     byteFrequencyButton.onclick = async () => {
-      const response = await analyserNode.getByteFrequencyData()
-      drawFrame(snapshotCanvas, snapshotContext2d, response)
       output.innerHTML = 
       `
         \nByte Frequency Data

demo/demo2.html

@@ -51,7 +51,7 @@
     const analyserNode = await advancedAnalyserNode.createAdvancedAnalyserNode(context, {
       fftSize: FFT_SIZE,
       samplesBetweenTransforms: FFT_SIZE,
-      windowFunction: 'none'
+      windowFunction: 'rectangular'
     })
 
     const drawFrame = (canvas, context2d, data) => {

dist/bundle.js

@@ -1,2 +1,3 @@
 export declare const MAX_FFT_SIZE = 32768;
 export declare const MIN_FFT_SIZE = 32;
+export declare const PROCESSOR_NAME = "AdvancedAnalyserProcessor";

dist/bundle.min.js

@@ -10,7 +10,6 @@ export declare class AdvancedAnalyserProcessor extends AudioWorkletProcessor {
     _fftOutput: number[];
     _lastTransform: Float32Array;
     _samplesBetweenTransforms: number;
-    _timeDomainSamplesCount: number;
     _windowFunctionType: WindowingFunctionTypes;
     _isListeningTo: Record<EventListenerTypes, boolean>;
     /**
@@ -27,10 +26,13 @@ export declare class AdvancedAnalyserProcessor extends AudioWorkletProcessor {
     _maxDecibels: number;
     _smoothingTimeConstant: number;
     _portMap: Map<any, any>;
+    _timeDomainSamplesCountValue?: number;
     get _frequencyBinCount(): number;
     set frequencyBinCount(value: number);
     get _isListeningToFrequencyData(): boolean;
     get _isListeningToTimeDomainData(): boolean;
+    get _timeDomainSamplesCount(): number;
+    set _timeDomainSamplesCount(value: number);
     static get parameterDescriptors(): {
         name: string;
         defaultValue: number;

dist/processor.worklet.js

@@ -1 +1 @@
-export {};
+import 'jest-extended';

dist/src/constants.d.ts

@@ -1,3 +1,10 @@
-import { WindowingFunctionTypes } from "src/types";
-export declare const applyBlackmanWindow: (samples: Float32Array) => void;
-export declare const windowFunctionsMap: Record<WindowingFunctionTypes, (samples: Float32Array) => void>;
+import { WindowingFunctionTypes } from "../types";
+export declare const hann: (n: number, points: number) => number;
+export declare const hamming: (n: number, points: number) => number;
+export declare const blackman: (n: number, points: number) => number;
+export declare const nuttall: (n: number, points: number) => number;
+export declare const blackmanHarris: (n: number, points: number) => number;
+export declare const blackmanNuttall: (n: number, points: number) => number;
+export declare const barlett: (n: number, points: number) => number;
+export declare const applyWindowFunction: (data: Float32Array, windowingFunction: (n: number, points: number, alpha?: number) => number, alpha?: number) => void;
+export declare const windowFunctionsMap: Record<WindowingFunctionTypes, (samples: Float32Array, alpha?: number) => void>;

dist/src/processor/index.d.ts

@@ -0,0 +1 @@
+export {};