speaker-calibration 2.2.62 → 2.2.64

package/src/tasks/combination/combination.js

@@ -1,2024 +1,2034 @@
-import AudioCalibrator from '../audioCalibrator';
-
-import {sleep, csvToArray, saveToCSV, saveToJSON,findMinValue,findMaxValue} from '../../utils';
-import database from '../../config/firebase';
-import {ref, set, get, child} from 'firebase/database';
-
-/**
- *
- */
-class Combination extends AudioCalibrator {
-  /**
-   * Default constructor. Creates an instance with any number of paramters passed or the default parameters defined here.
-   *
-   * @param {Object<boolean, number, number, number>} calibratorParams  - paramter object
-   * @param {boolean} [calibratorParams.download = false]  - boolean flag to download captures
-   * @param {number} [calibratorParams.mlsOrder = 18] - order of the MLS to be generated
-   * @param {number} [calibratorParams.numCaptures = 5] - number of captures to perform
-   * @param {number} [calibratorParams.numMLSPerCapture = 2] - number of bursts of MLS per capture
-   */
-  constructor({
-    download = false,
-    mlsOrder = 18,
-    numCaptures = 3,
-    numMLSPerCapture = 2,
-    lowHz = 20,
-    highHz = 10000,
-  }) {
-    super(numCaptures, numMLSPerCapture);
-    this.#mlsOrder = parseInt(mlsOrder, 10);
-    this.#P = 2 ** mlsOrder - 1;
-    this.#download = download;
-    this.#mls = [];
-    this.#lowHz = lowHz;
-    this.#highHz = highHz;
-  }
-
-  /** @private */
-  stepNum = 0;
-
-  /** @private */
-  totalSteps = 25;
-
-  /** @private */
-  #download;
-
-  /** @private */
-  #mlsGenInterface;
-
-  /** @private */
-  #mlsBufferView;
-
-  /** @private */
-  componentInvertedImpulseResponse = null;
-
-  /** @private */
-  systemInvertedImpulseResponse = null;
-
-  //averaged and subtracted ir returned from calibration used to calculated iir
-  /** @private */
-  ir = null;
-
-  /** @private */
-  impulseResponses = [];
-
-  /** @private */
-  #mlsOrder;
-
-  /** @private */
-  #lowHz;
-
-  /** @private */
-  #highHz;
-
-  /** @private */
-  #mls;
-
-  /** @private */
-  #P;
-
-  /** @private */
-  #audioContext;
-
-  /** @private */
-  TAPER_SECS = 5;
-
-  /** @private */
-  offsetGainNode;
-
-  /** @private */
-  componentConvolution;
-
-  /** @private */
-  testConvolution;
-
-  /** @private */
-  systemConvolution;
-
-  ////////////////////////volume
-  /** @private */
-  #CALIBRATION_TONE_FREQUENCY = 1000; // Hz
-
-  /** @private */
-  #CALIBRATION_TONE_TYPE = 'sine';
-
-  CALIBRATION_TONE_DURATION = 5; // seconds
-  calibrateSound1000HzPreSec = 3.5;
-  calibrateSound1000HzSec = 1.0;
-  calibrateSound1000HzPostSec = 0.5;
-
-  /** @private */
-  outDBSPL = null;
-  THD = null;
-  outDBSPL1000 = null;
-
-  /** @private */
-  TAPER_SECS = 0.01; // seconds
-
-  /** @private */
-  status_denominator = 8;
-
-  /** @private */
-  status_numerator = 0;
-
-  /** @private */
-  percent_complete = 0;
-
-  /** @private */
-  status = ``;
-
-  /**@private */
-  status_literal = `<div style="display: flex; justify-content: center;"><div style="width: 200px; height: 20px; border: 2px solid #000; border-radius: 10px;"><div style="width: ${this.percent_complete}%; height: 100%; background-color: #00aaff; border-radius: 8px;"></div></div></div>`;
-
-  /**@private */
-  componentIR = null;
-
-  /**@private */
-  oldComponentIR = null;
-
-  /**@private */
-  systemIR = null;
-
-  /**@private */
-  _calibrateSoundCheck = '';
-
-  deviceType = null;
-
-  deviceName = null;
-
-  deviceInfo = null;
-
-  desired_time_per_mls = 0;
-
-  num_mls_to_skip = 0;
-
-  desired_sampling_rate = 0;
-
-  #currentConvolution = [];
-
-  mode = 'unfiltered';
-
-  sourceNode;
-
-  autocorrelations = [];
-
-  iirLength = 0;
-
-  componentInvertedImpulseResponseNoBandpass = [];
-
-  systemInvertedImpulseResponseNoBandpass = [];
-
-  _calibrateSoundBackgroundSecs;
-
-  background_noise = {};
-
-  numSuccessfulBackgroundCaptured;
-
-  _calibrateSoundBurstDb;
-
-  filteredMLSRange = {
-    component: {
-      Min: null,
-      Max: null,
-    },
-    system: {
-      Min: null,
-      Max: null,
-    },
-  };
-
-  /**generate string template that gets reevaluated as variable increases */
-  generateTemplate = () => {
-    if (this.percent_complete > 100) {
-      this.percent_complete = 100;
-    }
-    const template = `<div style="display: flex; justify-content: center; margin-top:12px;"><div style="width: 800px; height: 20px; border: 2px solid #000; border-radius: 10px;"><div style="width: ${this.percent_complete}%; height: 100%; background-color: #00aaff; border-radius: 8px;"></div></div></div>`;
-    return template;
-  };
-
-  /** increment numerator and percent for status bar */
-  incrementStatusBar = () => {
-    this.status_numerator += 1;
-    this.percent_complete = (this.status_numerator / this.status_denominator) * 100;
-  };
-
-  setDeviceType = deviceType => {
-    this.deviceType = deviceType;
-  };
-
-  setDeviceName = deviceName => {
-    this.deviceName = deviceName;
-  };
-
-  setDeviceInfo = deviceInfo => {
-    this.deviceInfo = deviceInfo;
-  };
-
-  /** .
-   * .
-   * .
-   * Sends all the computed impulse responses to the backend server for processing
-   *
-   * @returns sets the resulting inverted impulse response to the class property
-   * @example
-   */
-  sendSystemImpulseResponsesToServerForProcessing = async () => {
-    const computedIRs = await Promise.all(this.impulseResponses);
-    const filteredComputedIRs = computedIRs.filter(element => {
-      return element != undefined;
-    }); //log any errors that are found in this step
-    const mls = this.#mls;
-    const lowHz = this.#lowHz; //gain of 1 below cutoff, need gain of 0
-    const highHz = this.#highHz; //check error for anything other than 10 kHz
-    const iirLength = this.iirLength;
-    const num_periods = this.numMLSPerCapture + this.num_mls_to_skip;
-    this.stepNum += 1;
-    console.log('send impulse responses to server: ' + this.stepNum);
-    this.status =
-      `All Hz Calibration: computing the IIR...`.toString() + this.generateTemplate().toString();
-    this.emit('update', {message: this.status});
-    return this.pyServerAPI
-      .getSystemInverseImpulseResponseWithRetry({
-        payload: filteredComputedIRs.slice(0, this.numCaptures),
-        mls,
-        lowHz,
-        highHz,
-        iirLength,
-        num_periods,
-        sampleRate: this.sourceSamplingRate || 96000,
-        calibrateSoundBurstDb: this._calibrateSoundBurstDb,
-      })
-      .then(res => {
-        console.log(res);
-        this.stepNum += 1;
-        console.log('got impulse response ' + this.stepNum);
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the IIR...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        this.systemInvertedImpulseResponse = res['iir'];
-        this.systemIR = res['ir'];
-        this.systemConvolution = res['convolution'];
-        this.systemInvertedImpulseResponseNoBandpass = res['iirNoBandpass'];
-      })
-      .catch(err => {
-        console.error(err);
-      });
-  };
-
-  /** .
-   * .
-   * .
-   * Sends all the computed impulse responses to the backend server for processing
-   *
-   * @returns sets the resulting inverted impulse response to the class property
-   * @example
-   */
-  sendComponentImpulseResponsesToServerForProcessing = async () => {
-    const computedIRs = await Promise.all(this.impulseResponses);
-    const filteredComputedIRs = computedIRs.filter(element => {
-      return element != undefined;
-    });
-    const componentIRGains = this.componentIR['Gain'];
-    const componentIRFreqs = this.componentIR['Freq'];
-    const mls = this.#mls;
-    const lowHz = this.#lowHz;
-    const iirLength = this.iirLength;
-    const num_periods = this.numMLSPerCapture + this.num_mls_to_skip;
-    const highHz = this.#highHz;
-    this.stepNum += 1;
-    console.log('send impulse responses to server: ' + this.stepNum);
-    this.status =
-      `All Hz Calibration: computing the IIR...`.toString() + this.generateTemplate().toString();
-    this.emit('update', {message: this.status});
-    return this.pyServerAPI
-      .getComponentInverseImpulseResponseWithRetry({
-        payload: filteredComputedIRs.slice(0, this.numCaptures),
-        mls,
-        lowHz,
-        highHz,
-        iirLength,
-        componentIRGains,
-        componentIRFreqs,
-        num_periods,
-        sampleRate: this.sourceSamplingRate || 96000,
-        calibrateSoundBurstDb: this._calibrateSoundBurstDb,
-      })
-      .then(res => {
-        console.log(res);
-        this.stepNum += 1;
-        console.log('got impulse response ' + this.stepNum);
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the IIR...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        this.componentInvertedImpulseResponse = res['iir'];
-        this.componentIR['Gain'] = res['ir'];
-        this.componentIR['Freq'] = res['frequencies'];
-        this.componentConvolution = res['convolution'];
-        this.testConvolution = res['convolutionTest']
-        this.componentInvertedImpulseResponseNoBandpass = res['iirNoBandpass'];
-      })
-      .catch(err => {
-        // this.emit('InvertedImpulseResponse', {res: false});
-        console.error(err);
-      });
-  };
-
-  sendBackgroundRecording = () => {
-    const allSignals = this.getAllBackgroundRecordings();
-    const numSignals = allSignals.length;
-    const background_rec_whole = allSignals[numSignals - 1];
-    const fraction = 0.5 / (this._calibrateSoundBackgroundSecs + 0.5);
-    // Calculate the starting index for slicing the array
-    const startIndex = Math.round(fraction * background_rec_whole.length);
-    // Slice the array from the calculated start index to the end of the array
-    const background_rec = background_rec_whole.slice(startIndex);
-    console.log('Sending background recording to server for processing');
-    this.pyServerAPI
-      .getBackgroundNoisePSDWithRetry({
-        background_rec,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        if (this.numSuccessfulBackgroundCaptured < 1) {
-          this.numSuccessfulBackgroundCaptured += 1;
-          //storing all background data in background_psd object
-          this.background_noise['x_background'] = res['x_background'];
-          this.background_noise['y_background'] = res['y_background'];
-          this.background_noise['recording'] = background_rec;
-        }
-      })
-      .catch(err => {
-        console.error(err);
-      });
-  };
-
-  /** .
-   * .
-   * .
-   * Sends the recorded signal, or a given csv string of a signal, to the back end server for processing
-   *
-   * @param {<array>String} signalCsv - Optional csv string of a previously recorded signal, if given, this signal will be processed
-   * @example
-   */
-  sendRecordingToServerForProcessing = signalCsv => {
-    const allSignals = this.getAllUnfilteredRecordedSignals();
-    console.log(
-      'Obtaining last all hz unfiltered recording from #allHzUnfilteredRecordings to send to server for processing'
-    );
-    const numSignals = allSignals.length;
-    const mls = this.#mlsBufferView;
-    const payload =
-      signalCsv && signalCsv.length > 0 ? csvToArray(signalCsv) : allSignals[numSignals - 1];
-    console.log('sending rec');
-    this.stepNum += 1;
-    console.log('send rec ' + this.stepNum);
-    this.status =
-      `All Hz Calibration Step: computing the IR of the last recording...`.toString() +
-      this.generateTemplate().toString();
-    this.emit('update', {message: this.status});
-    this.impulseResponses.push(
-      this.pyServerAPI
-        .getImpulseResponse({
-          sampleRate: this.sourceSamplingRate || 96000,
-          payload,
-          mls,
-          P: this.#P, //get rid of this
-          numPeriods: this.numMLSPerCapture,
-        })
-        .then(res => {
-          if (this.numSuccessfulCaptured < this.numCaptures) {
-            this.numSuccessfulCaptured += 1;
-            console.log('num succ capt: ' + this.numSuccessfulCaptured);
-            this.stepNum += 1;
-            console.log('got impulse response ' + this.stepNum);
-            this.incrementStatusBar();
-            this.status =
-              `All Hz Calibration: ${this.numSuccessfulCaptured}/${this.numCaptures} IRs computed...`.toString() +
-              this.generateTemplate().toString();
-            this.emit('update', {
-              message: this.status,
-            });
-            this.autocorrelations.push(res['autocorrelation']);
-            return res['ir'];
-          }
-        })
-        .catch(err => {
-          console.error(err);
-        })
-    );
-  };
-
-  /**
-   * Passed to the calibration steps function, awaits the desired amount of seconds to capture the desired number
-   * of MLS periods defined in the constructor.
-   *
-   * @example
-   */
-  #awaitDesiredMLSLength = async () => {
-    // seconds per MLS = P / SR
-    // await N * P / SR
-    this.stepNum += 1;
-    console.log('await desired length ' + this.stepNum);
-    this.status =
-      `All Hz Calibration: sampling the calibration signal...`.toString() +
-      `\niteration ${this.stepNum}` +
-      this.generateTemplate();
-    this.emit('update', {
-      message: this.status,
-    });
-    let time_to_wait = 0;
-    if (this.mode === 'unfiltered') {
-      //unfiltered
-      time_to_wait = (this.#mls.length / this.sourceSamplingRate) * this.numMLSPerCapture;
-      time_to_wait = time_to_wait * 1.1;
-    } else if (this.mode === 'filtered') {
-      //filtered
-      // time_to_wait =
-      //   (this.#currentConvolution.length / this.sourceSamplingRate) *
-      //   (this.numMLSPerCapture / (this.num_mls_to_skip + this.numMLSPerCapture));
-      time_to_wait =
-        (this.#currentConvolution.length / this.sourceSamplingRate) * this.numMLSPerCapture;
-      time_to_wait = time_to_wait * 1.1;
-    } else {
-      throw new Error('Mode broke in awaitDesiredMLSLength');
-    }
-
-    await sleep(time_to_wait);
-  };
-
-  /**
-   * Passed to the background noise recording function, awaits the desired amount of seconds to capture the desired number
-   * of seconds of background noise
-   *
-   * @example
-   */
-  #awaitBackgroundNoiseRecording = async () => {
-    console.log(
-      'Waiting ' + this._calibrateSoundBackgroundSecs + ' second(s) to record background noise'
-    );
-    let time_to_wait = this._calibrateSoundBackgroundSecs + 0.5;
-    await sleep(time_to_wait);
-  };
-
-  /** .
-   * .
-   * .
-   * Passed to the calibration steps function, awaits the onset of the signal to ensure a steady state
-   *
-   * @example
-   */
-  #awaitSignalOnset = async () => {
-    this.stepNum += 1;
-    console.log('await signal onset ' + this.stepNum);
-    this.status =
-      `All Hz Calibration: waiting for the signal to stabilize...`.toString() +
-      this.generateTemplate();
-    this.emit('update', {
-      message: this.status,
-    });
-    let number_of_bursts_to_skip = this.num_mls_to_skip;
-    let time_to_sleep = 0;
-    if (this.mode === 'unfiltered') {
-      time_to_sleep = (this.#mls.length / this.sourceSamplingRate) * number_of_bursts_to_skip;
-    } else if (this.mode === 'filtered') {
-      console.log(this.#currentConvolution.length);
-      // time_to_sleep =
-      //   (this.#currentConvolution.length / this.sourceSamplingRate) *
-      //   (number_of_bursts_to_skip / (number_of_bursts_to_skip + this.numMLSPerCapture));
-      time_to_sleep =
-        (this.#currentConvolution.length / this.sourceSamplingRate) * number_of_bursts_to_skip;
-    } else {
-      throw new Error('Mode broke in awaitSignalOnset');
-    }
-    await sleep(time_to_sleep);
-  };
-
-  /**
-   * Called immediately after a recording is captured. Used to process the resulting signal
-   * whether by sending the result to a server or by computing a result locally.
-   *
-   * @example
-   */
-  #afterMLSRecord = () => {
-    console.log('after record');
-    this.sendRecordingToServerForProcessing();
-  };
-
-  #afterMLSwIIRRecord = () => {
-    if (this.numSuccessfulCaptured < 1) {
-      this.numSuccessfulCaptured += 1;
-      this.stepNum += 1;
-      this.incrementStatusBar();
-      console.log('after mls w iir record for some reason add numSucc capt ' + this.stepNum);
-      this.status =
-        `All Hz Calibration: ${this.numSuccessfulCaptured} recording of convolved MLS captured`.toString() +
-        this.generateTemplate().toString();
-      this.emit('update', {
-        message: this.status,
-      });
-    }
-  };
-
-  /** .
-   * .
-   * .
-   * Created an S Curver Buffer to taper the signal onset
-   *
-   * @param {*} length
-   * @param {*} phase
-   * @returns
-   * @example
-   */
-  static createSCurveBuffer = (length, phase) => {
-    const curve = new Float32Array(length);
-    let i;
-    for (i = 0; i < length; i += 1) {
-      // scale the curve to be between 0-1
-      curve[i] = Math.sin((Math.PI * i) / length - phase) / 2 + 0.5;
-    }
-    return curve;
-  };
-
-  static createInverseSCurveBuffer = (length, phase) => {
-    const curve = new Float32Array(length);
-    let i;
-    let j = length - 1;
-    for (i = 0; i < length; i += 1) {
-      // scale the curve to be between 0-1
-      curve[i] = Math.sin((Math.PI * j) / length - phase) / 2 + 0.5;
-      j -= 1;
-    }
-    return curve;
-  };
-
-  /**
-   * Construct a Calibration Node with the calibration parameters.
-   *
-   * @param dataBuffer
-   * @private
-   * @example
-   */
-  #createCalibrationNodeFromBuffer = dataBuffer => {
-    console.log('length databuffer');
-    console.log(dataBuffer.length);
-    if (!this.sourceAudioContext) {
-      this.makeNewSourceAudioContext();
-    }
-
-    const buffer = this.sourceAudioContext.createBuffer(
-      1, // number of channels
-      dataBuffer.length,
-      this.sourceAudioContext.sampleRate // sample rate
-    );
-
-    const data = buffer.getChannelData(0); // get data
-
-    // fill the buffer with our data
-    try {
-      for (let i = 0; i < dataBuffer.length; i += 1) {
-        data[i] = dataBuffer[i];
-      }
-    } catch (error) {
-      console.error(error);
-    }
-
-    this.sourceNode = this.sourceAudioContext.createBufferSource();
-
-    this.sourceNode.buffer = buffer;
-
-    if (this.mode === 'filtered') {
-      //used to not loop filtered
-      this.sourceNode.loop = true;
-    } else {
-      this.sourceNode.loop = true;
-    }
-
-    this.sourceNode.connect(this.sourceAudioContext.destination);
-
-    this.addCalibrationNode(this.sourceNode);
-  };
-
-  /**
-   * Given a data buffer, creates the required calibration node
-   *
-   * @param {*} dataBufferArray
-   * @example
-   */
-  #setCalibrationNodesFromBuffer = (dataBufferArray = [this.#mlsBufferView]) => {
-    if (dataBufferArray.length === 1) {
-      this.#createCalibrationNodeFromBuffer(dataBufferArray[0]);
-    } else {
-      throw new Error('The length of the data buffer array must be 1');
-    }
-  };
-
-  /**
-   * Creates an audio context and plays it for a few seconds.
-   *
-   * @private
-   * @returns - Resolves when the audio is done playing.
-   * @example
-   */
-  #playCalibrationAudio = () => {
-    this.calibrationNodes[0].start(0);
-    this.status = ``;
-    if (this.mode === 'unfiltered') {
-      console.log('mls', this.#mls); // before multiplied by calibrateSoundBurstDb
-      console.log('mls buffer view', this.#mlsBufferView); // after multiplied by calibrateSoundBurstDb
-      console.log('play calibration audio ' + this.stepNum);
-      this.status =
-        `All Hz Calibration: playing the calibration tone...`.toString() +
-        this.generateTemplate().toString();
-    } else if (this.mode === 'filtered') {
-      console.log('play convolved audio ' + this.stepNum);
-      this.status =
-        `All Hz Calibration: playing the convolved calibration tone...`.toString() +
-        this.generateTemplate().toString();
-    } else {
-      throw new Error('Mode is incorrect');
-    }
-    this.emit('update', {message: this.status});
-    this.stepNum += 1;
-    console.log('sink sampling rate');
-    console.log(this.sinkSamplingRate);
-    console.log('source sampling rate');
-    console.log(this.sourceSamplingRate);
-    console.log('sample size');
-    console.log(this.sampleSize);
-  };
-
-  /** .
-   * .
-   * .
-   * Stops the audio with tapered offset
-   *
-   * @example
-   */
-  #stopCalibrationAudio = () => {
-    this.calibrationNodes[0].stop(0);
-    this.calibrationNodes = [];
-    this.sourceNode.disconnect();
-    this.stepNum += 1;
-    console.log('stop calibration audio ' + this.stepNum);
-    this.status =
-      `All Hz Calibration: stopping the calibration tone...`.toString() +
-      this.generateTemplate().toString();
-    this.emit('update', {message: this.status});
-  };
-
-  playMLSwithIIR = async (stream, convolution) => {
-    let checkRec = false;
-    this.mode = 'filtered';
-    console.log('play mls with iir');
-    //this.invertedImpulseResponse = iir
-
-    await this.calibrationSteps(
-      stream,
-      this.#playCalibrationAudio, // play audio func (required)
-      this.#createCalibrationNodeFromBuffer(convolution), // before play func
-      this.#awaitSignalOnset, // before record
-      () => this.numSuccessfulCaptured < 1,
-      this.#awaitDesiredMLSLength, // during record
-      this.#afterMLSwIIRRecord, // after record
-      this.mode,
-      checkRec
-    );
-  };
-
-  bothSoundCheck = async stream => {
-    let iir_ir_and_plots;
-    this.#currentConvolution = this.componentConvolution;
-    this.filteredMLSRange.component.Min = findMinValue(this.#currentConvolution);
-    this.filteredMLSRange.component.Max = findMaxValue(this.#currentConvolution);
-    await this.playMLSwithIIR(stream, this.#currentConvolution);
-    this.#stopCalibrationAudio();
-    let component_conv_recs = this.getAllFilteredRecordedSignals();
-    let return_component_conv_rec = component_conv_recs[0];
-    this.clearAllFilteredRecordedSignals();
-
-    this.#currentConvolution = this.testConvolution;
-    await this.playMLSwithIIR(stream, this.#currentConvolution);
-    this.#stopCalibrationAudio();
-    let test_conv_recs = this.getAllFilteredRecordedSignals();
-    let return_test_conv_rec = test_conv_recs[0];
-    this.clearAllFilteredRecordedSignals();
-
-    this.#currentConvolution = this.systemConvolution;
-    this.filteredMLSRange.system.Min = findMinValue(this.#currentConvolution);
-    this.filteredMLSRange.system.Max = findMaxValue(this.#currentConvolution);
-    await this.playMLSwithIIR(stream, this.#currentConvolution);
-    this.#stopCalibrationAudio();
-    let system_conv_recs = this.getAllFilteredRecordedSignals();
-    let return_system_conv_rec = system_conv_recs[0];
-
-    this.clearAllFilteredRecordedSignals();
-
-    this.sourceAudioContext.close();
-    let recs = this.getAllUnfilteredRecordedSignals();
-    let unconv_rec = recs[0];
-    let return_unconv_rec = unconv_rec;
-    let conv_rec = component_conv_recs[0];
-
-    //psd of component
-    let knownGain = this.oldComponentIR.Gain;
-    let knownFreq = this.oldComponentIR.Freq;
-    let sampleRate = this.sourceSamplingRate || 96000;
-    let component_unconv_rec_psd = await this.pyServerAPI
-      .getSubtractedPSDWithRetry(unconv_rec, knownGain, knownFreq, sampleRate)
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    let component_conv_rec_psd = await this.pyServerAPI
-      .getSubtractedPSDWithRetry(conv_rec, knownGain, knownFreq, sampleRate)
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    let test_conv_rec_psd = await this.pyServerAPI
-      .getSubtractedPSDWithRetry(return_test_conv_rec, knownGain, knownFreq, sampleRate)
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing testing PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    conv_rec = system_conv_recs[0];
-    //psd of system
-    let system_recs_psd = await this.pyServerAPI
-      .getPSDWithRetry({
-        unconv_rec,
-        conv_rec,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    //iir w/ and without bandpass psd. done
-    unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
-    conv_rec = this.componentInvertedImpulseResponse;
-    let component_iir_psd = await this.pyServerAPI
-      .getPSDWithRetry({
-        unconv_rec,
-        conv_rec,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-    unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
-    conv_rec = this.systemInvertedImpulseResponse;
-    let system_iir_psd = await this.pyServerAPI
-      .getPSDWithRetry({
-        unconv_rec,
-        conv_rec,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    let mls_psd = await this.pyServerAPI
-      .getMLSPSDWithRetry({mls: this.#mlsBufferView, sampleRate: this.sourceSamplingRate || 96000})
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    let system_filtered_mls_psd = await this.pyServerAPI
-      .getMLSPSDWithRetry({
-        mls: this.systemConvolution,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    let component_filtered_mls_psd = await this.pyServerAPI
-      .getMLSPSDWithRetry({
-        mls: this.componentConvolution,
-        sampleRate: this.sourceSamplingRate || 96000,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        this.status =
-          `All Hz Calibration: done computing the PSD graphs...`.toString() +
-          this.generateTemplate().toString();
-        this.emit('update', {message: this.status});
-        return res;
-      })
-      .catch(err => {
-        console.error(err);
-      });
-
-    iir_ir_and_plots = {
-      filtered_recording: {
-        component: return_component_conv_rec,
-        system: return_system_conv_rec,
-      },
-      unfiltered_recording: this.getAllUnfilteredRecordedSignals()[0],
-      system: {
-        iir: this.systemInvertedImpulseResponse,
-        ir: this.systemIR,
-        iir_psd: {
-          y: system_iir_psd['y_conv'],
-          x: system_iir_psd['x_conv'],
-          y_no_bandpass: system_iir_psd['y_unconv'],
-          x_no_bandpass: system_iir_psd['x_unconv'],
-        },
-        filtered_mls_psd: {
-          x: system_filtered_mls_psd['x_mls'],
-          y: system_filtered_mls_psd['y_mls'],
-        },
-        convolution: this.systemConvolution,
-        psd: {
-          unconv: {
-            x: system_recs_psd['x_unconv'],
-            y: system_recs_psd['y_unconv'],
-          },
-          conv: {
-            x: system_recs_psd['x_conv'],
-            y: system_recs_psd['y_conv'],
-          },
-        },
-      },
-      component: {
-        iir: this.componentInvertedImpulseResponse,
-        ir: this.componentIR,
-        iir_psd: {
-          y: component_iir_psd['y_conv'],
-          x: component_iir_psd['x_conv'],
-          y_no_bandpass: component_iir_psd['y_unconv'],
-          x_no_bandpass: component_iir_psd['x_unconv'],
-        },
-        filtered_mls_psd: {
-          x: component_filtered_mls_psd['x_mls'],
-          y: component_filtered_mls_psd['y_mls'],
-        },
-        convolution: this.componentConvolution,
-        psd: {
-          unconv: {
-            x: component_unconv_rec_psd['x'],
-            y: component_unconv_rec_psd['y'],
-          },
-          conv: {
-            x: component_conv_rec_psd['x'],
-            y: component_conv_rec_psd['y'],
-          },
-          test: {
-            x: test_conv_rec_psd['x'],
-            y: test_conv_rec_psd['y'],
-          }
-        },
-      },
-      mls: this.#mlsBufferView,
-      mls_psd: {
-        x: mls_psd['x_mls'],
-        y: mls_psd['y_mls'],
-      },
-      autocorrelations: this.autocorrelations,
-      impulseResponses: [],
-    };
-
-    return iir_ir_and_plots;
-  };
-
-  singleSoundCheck = async stream => {
-    let iir_ir_and_plots;
-    if (this._calibrateSoundCheck != 'system') {
-      this.#currentConvolution = this.componentConvolution;
-      this.filteredMLSRange.component.Min = findMinValue(this.#currentConvolution);
-      this.filteredMLSRange.component.Max = findMaxValue(this.#currentConvolution);
-    } else {
-      this.#currentConvolution = this.systemConvolution;
-      this.filteredMLSRange.system.Min = findMinValue(this.#currentConvolution);
-      this.filteredMLSRange.system.Max = findMaxValue(this.#currentConvolution);
-    }
-    await this.playMLSwithIIR(stream, this.#currentConvolution);    
-    this.#stopCalibrationAudio();
-    let conv_recs = this.getAllFilteredRecordedSignals();
-    let recs = this.getAllUnfilteredRecordedSignals();
-    this.clearAllFilteredRecordedSignals();
-    console.log('Obtaining unfiltered recording from #allHzUnfilteredRecordings to calculate PSD');
-    console.log('Obtaining filtered recording from #allHzFilteredRecordings to calculate PSD');
-    let unconv_rec = recs[0];
-    let return_unconv_rec = unconv_rec;
-    let conv_rec = conv_recs[0];
-    let return_conv_rec = conv_rec;
-    if (this._calibrateSoundCheck != 'system') {
-      this.#currentConvolution = this.testConvolution;
-      await this.playMLSwithIIR(stream, this.#currentConvolution);    
-      this.#stopCalibrationAudio();
-    }
-    let test_conv_recs = this.getAllFilteredRecordedSignals();
-    let return_test_conv_rec = test_conv_recs[0];
-    this.sourceAudioContext.close(); 
-    if (this._calibrateSoundCheck != 'system') {
-      let knownGain = this.oldComponentIR.Gain;
-      let knownFreq = this.oldComponentIR.Freq;
-      let sampleRate = this.sourceSamplingRate || 96000;
-      let unconv_results = await this.pyServerAPI
-        .getSubtractedPSDWithRetry(unconv_rec, knownGain, knownFreq, sampleRate)
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      let conv_results = await this.pyServerAPI
-        .getSubtractedPSDWithRetry(conv_rec, knownGain, knownFreq, sampleRate)
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-      
-      let test_conv_results = await this.pyServerAPI
-        .getSubtractedPSDWithRetry(return_test_conv_rec, knownGain, knownFreq, sampleRate)
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-      
-      unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
-      conv_rec = this.componentInvertedImpulseResponse;
-      let component_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
-      conv_rec = this.systemInvertedImpulseResponse;
-      let system_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      let mls_psd = await this.pyServerAPI
-        .getMLSPSDWithRetry({
-          mls: this.#mlsBufferView,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      let filtered_mls_psd = await this.pyServerAPI
-        .getMLSPSDWithRetry({
-          mls: this.componentConvolution,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      iir_ir_and_plots = {
-        unfiltered_recording: return_unconv_rec,
-        filtered_recording: return_conv_rec,
-        system: {
-          iir: this.systemInvertedImpulseResponse,
-          ir: this.systemIR,
-          iir_psd: {
-            y: system_iir_psd['y_conv'],
-            x: system_iir_psd['y_conv'],
-            y_no_bandpass: system_iir_psd['y_unconv'],
-            x_no_bandpass: system_iir_psd['x_unconv'],
-          },
-          filtered_recording: [],
-          filtered_mls_psd: {},
-          convolution: this.systemConvolution,
-          psd: {
-            unconv: {
-              x: [],
-              y: [],
-            },
-            conv: {
-              x: [],
-              y: [],
-            },
-          },
-        },
-        component: {
-          iir: this.componentInvertedImpulseResponse,
-          ir: this.componentIR,
-          iir_psd: {
-            y: component_iir_psd['y_conv'],
-            x: component_iir_psd['x_conv'],
-            y_no_bandpass: component_iir_psd['y_unconv'],
-            x_no_bandpass: component_iir_psd['x_unconv'],
-          },
-          filtered_mls_psd: {
-            x: filtered_mls_psd['x_mls'],
-            y: filtered_mls_psd['y_mls'],
-          },
-          convolution: this.componentConvolution,
-          psd: {
-            unconv: {
-              x: unconv_results['x'],
-              y: unconv_results['y'],
-            },
-            conv: {
-              x: conv_results['x'],
-              y: conv_results['y'],
-            },
-            test: {
-              x: test_conv_results['x'],
-              y: test_conv_results['y'],
-            }
-          },
-        },
-        mls: this.#mlsBufferView,
-        mls_psd: {
-          x: mls_psd['x_mls'],
-          y: mls_psd['y_mls'],
-        },
-        autocorrelations: this.autocorrelations,
-        impulseResponses: [],
-      };
-    } else {
-      let results = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      //iir w/ and without bandpass psd
-      unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
-      conv_rec = this.componentInvertedImpulseResponse;
-      let component_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
-      conv_rec = this.systemInvertedImpulseResponse;
-      let system_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      let mls_psd = await this.pyServerAPI
-        .getMLSPSDWithRetry({
-          mls: this.#mlsBufferView,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      let filtered_mls_psd = await this.pyServerAPI
-        .getMLSPSDWithRetry({
-          mls: this.systemConvolution,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      iir_ir_and_plots = {
-        unfiltered_recording: return_unconv_rec,
-        filtered_recording: return_conv_rec,
-        system: {
-          iir: this.systemInvertedImpulseResponse,
-          ir: this.systemIR,
-          iir_psd: {
-            y: system_iir_psd['y_conv'],
-            x: system_iir_psd['y_conv'],
-            y_no_bandpass: system_iir_psd['y_unconv'],
-            x_no_bandpass: system_iir_psd['x_unconv'],
-          },
-          filtered_recording: [],
-          filtered_mls_psd: {
-            x: filtered_mls_psd['x_mls'],
-            y: filtered_mls_psd['y_mls'],
-          },
-          convolution: this.systemConvolution,
-          psd: {
-            unconv: {
-              x: results['x_unconv'],
-              y: results['y_unconv'],
-            },
-            conv: {
-              x: results['x_conv'],
-              y: results['y_conv'],
-            },
-          },
-        },
-        component: {
-          iir: this.componentInvertedImpulseResponse,
-          ir: this.componentIR,
-          iir_psd: {
-            y: component_iir_psd['y_conv'],
-            x: component_iir_psd['x_conv'],
-            y_no_bandpass: component_iir_psd['y_unconv'],
-            x_no_bandpass: component_iir_psd['x_unconv'],
-          },
-          filtered_mls_psd: {},
-          convolution: this.componentConvolution,
-          psd: {
-            unconv: {
-              x: [],
-              y: [],
-            },
-            conv: {
-              x: [],
-              y: [],
-            },
-            test: {
-              x: [],
-              y: [],
-            },
-          },
-        },
-        mls: this.#mlsBufferView,
-        mls_psd: {
-          x: mls_psd['x_mls'],
-          y: mls_psd['y_mls'],
-        },
-        autocorrelations: this.autocorrelations,
-        impulseResponses: [],
-      };
-    }
-    await Promise.all(this.impulseResponses).then(res => {
-      for (let i = 0; i < res.length; i++) {
-        if (res[i] != undefined) {
-          iir_ir_and_plots['impulseResponses'].push(res[i]);
-        }
-      }
-    });
-
-    if (this.#download) {
-      this.downloadSingleUnfilteredRecording();
-      this.downloadSingleFilteredRecording();
-      saveToCSV(this.#mls, 'MLS.csv');
-      saveToCSV(this.componentConvolution, 'python_component_convolution_mls_iir.csv');
-      saveToCSV(this.systemConvolution, 'python_system_convolution_mls_iir.csv');
-      saveToCSV(this.componentInvertedImpulseResponse, 'componentIIR.csv');
-      saveToCSV(this.systemInvertedImpulseResponse, 'systemIIR.csv');
-      for (let i = 0; i < this.autocorrelations.length; i++) {
-        saveToCSV(this.autocorrelations[i], `autocorrelation_${i}`);
-      }
-      const computedIRagain = await Promise.all(this.impulseResponses).then(res => {
-        for (let i = 0; i < res.length; i++) {
-          if (res[i] != undefined) {
-            saveToCSV(res[i], `IR_${i}`);
-          }
-        }
-      });
-    }
-
-    return iir_ir_and_plots;
-  };
-
-  /**
-   * Public method to start the calibration process. Objects intialized from webassembly allocate new memory
-   * and must be manually freed. This function is responsible for intializing the MlsGenInterface,
-   * and wrapping the calibration steps with a garbage collection safe gaurd.
-   *
-   * @public
-   * @param stream - The stream of audio from the Listener.
-   * @example
-   */
-  startCalibrationImpulseResponse = async stream => {
-    let desired_time = this.desired_time_per_mls;
-    let checkRec = 'allhz';
-
-    console.log('MLS sequence should be of length: ' + this.sourceSamplingRate * desired_time);
-
-    length = this.sourceSamplingRate * desired_time;
-    //get mls here
-    const calibrateSoundBurstDb = this._calibrateSoundBurstDb;
-    await this.pyServerAPI
-      .getMLSWithRetry({length, calibrateSoundBurstDb})
-      .then(res => {
-        console.log(res);
-        this.#mlsBufferView = res['mls'];
-        this.#mls = res['unscaledMLS'];
-      })
-      .catch(err => {
-        // this.emit('InvertedImpulseResponse', {res: false});
-        console.error(err);
-      });
-    this.numSuccessfulBackgroundCaptured = 0;
-    if (this._calibrateSoundBackgroundSecs > 0) {
-      this.mode = 'background';
-      this.status =
-        `All Hz Calibration: sampling the background noise...`.toString() +
-        this.generateTemplate().toString();
-      this.emit('update', {message: this.status});
-      await this.recordBackground(
-        stream, //stream
-        () => this.numSuccessfulBackgroundCaptured < 1, //loop condition
-        this.#awaitBackgroundNoiseRecording, //sleep to record
-        this.sendBackgroundRecording, //send to get PSD
-        this.mode,
-        checkRec
-      );
-      this.incrementStatusBar();
-    }
-    this.mode = 'unfiltered';
-    this.numSuccessfulCaptured = 0;
-
-    await this.calibrationSteps(
-      stream,
-      this.#playCalibrationAudio, // play audio func (required)
-      this.#createCalibrationNodeFromBuffer(this.#mlsBufferView), // before play func
-      this.#awaitSignalOnset, // before record
-      () => this.numSuccessfulCaptured < this.numCaptures, // loop while true
-      this.#awaitDesiredMLSLength, // during record
-      this.#afterMLSRecord, // after record
-      this.mode,
-      checkRec
-    ),
-      this.#stopCalibrationAudio();
-    checkRec = false;
-
-    // at this stage we've captured all the required signals,
-    // and have received IRs for each one
-    // so let's send all the IRs to the server to be converted to a single IIR
-    await this.sendSystemImpulseResponsesToServerForProcessing();
-    await this.sendComponentImpulseResponsesToServerForProcessing();
-
-    this.numSuccessfulCaptured = 0;
-
-    let iir_ir_and_plots;
-    if (this._calibrateSoundCheck != 'none') {
-      //do single check
-      if (this._calibrateSoundCheck == 'goal' || this._calibrateSoundCheck == 'system') {
-        iir_ir_and_plots = await this.singleSoundCheck(stream);
-      } else {
-        //both
-        iir_ir_and_plots = await this.bothSoundCheck(stream);
-      }
-    } else {
-      let unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
-      let conv_rec = this.componentInvertedImpulseResponse;
-      let component_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
-      conv_rec = this.systemInvertedImpulseResponse;
-      let system_iir_psd = await this.pyServerAPI
-        .getPSDWithRetry({
-          unconv_rec,
-          conv_rec,
-          sampleRate: this.sourceSamplingRate || 96000,
-        })
-        .then(res => {
-          this.incrementStatusBar();
-          this.status =
-            `All Hz Calibration: done computing the PSD graphs...`.toString() +
-            this.generateTemplate().toString();
-          this.emit('update', {message: this.status});
-          return res;
-        })
-        .catch(err => {
-          console.error(err);
-        });
-
-      iir_ir_and_plots = {
-        unfiltered_recording: return_unconv_rec,
-        filtered_recording: return_conv_rec,
-        system: {
-          iir: this.systemInvertedImpulseResponse,
-          ir: this.systemIR,
-          iir_psd: {
-            y: system_iir_psd['y_conv'],
-            x: system_iir_psd['y_conv'],
-            y_no_bandpass: system_iir_psd['y_unconv'],
-            x_no_bandpass: system_iir_psd['x_unconv'],
-          },
-          filtered_recording: [],
-          convolution: this.systemConvolution,
-          psd: {
-            unconv: {
-              x: [],
-              y: [],
-            },
-            conv: {
-              x: [],
-              y: [],
-            },
-          },
-        },
-        component: {
-          iir: this.componentInvertedImpulseResponse,
-          ir: this.componentIR,
-          iir_psd: {
-            y: component_iir_psd['y_conv'],
-            x: component_iir_psd['x_conv'],
-            y_no_bandpass: component_iir_psd['y_unconv'],
-            x_no_bandpass: component_iir_psd['x_unconv'],
-          },
-          convolution: this.componentConvolution,
-          psd: {
-            unconv: {
-              x: [],
-              y: [],
-            },
-            conv: {
-              x: [],
-              y: [],
-            },
-          },
-        },
-        mls: this.#mlsBufferView,
-        autocorrelations: this.autocorrelations,
-        impulseResponses: [],
-      };
-      await Promise.all(this.impulseResponses).then(res => {
-        for (let i = 0; i < res.length; i++) {
-          if (res[i] != undefined) {
-            iir_ir_and_plots['impulseResponses'].push(res[i]);
-          }
-        }
-      });
-
-      if (this.#download) {
-        saveToCSV(this.#mls, 'MLS.csv');
-        saveToCSV(this.componentConvolution, 'python_component_convolution_mls_iir.csv');
-        saveToCSV(this.systemConvolution, 'python_system_convolution_mls_iir.csv');
-        saveToCSV(this.componentInvertedImpulseResponse, 'componentIIR.csv');
-        saveToCSV(this.systemInvertedImpulseResponse, 'systemIIR.csv');
-        for (let i = 0; i < this.autocorrelations.length; i++) {
-          saveToCSV(this.autocorrelations[i], `autocorrelation_${i}`);
-        }
-        const computedIRagain = await Promise.all(this.impulseResponses).then(res => {
-          for (let i = 0; i < res.length; i++) {
-            if (res[i] != undefined) {
-              saveToCSV(res[i], `IR_${i}`);
-            }
-          }
-        });
-      }
-    }
-
-    this.percent_complete = 100;
-
-    this.status = `All Hz Calibration: Finished`.toString() + this.generateTemplate().toString();
-    this.emit('update', {message: this.status});
-
-    //here after calibration we have the component calibration (either loudspeaker or microphone) in the same form as the componentIR
-    //that was used to calibrate
-    // saveToJSON(iir_ir_and_plots);
-    return iir_ir_and_plots;
-  };
-
-  //////////////////////volume
-
-  handleIncomingData = data => {
-    console.log('Received data: ', data);
-    if (data.type === 'soundGainDBSPL') {
-      this.soundGainDBSPL = data.value;
-    } else {
-      throw new Error(`Unknown data type: ${data.type}`);
-    }
-  };
-  createSCurveBuffer = (onSetBool = true) => {
-    const curve = new Float32Array(this.TAPER_SECS * this.sourceSamplingRate + 1);
-    const frequency = 1 / (4 * this.TAPER_SECS);
-    let j = 0;
-    for (let i = 0; i < this.TAPER_SECS * this.sourceSamplingRate + 1; i += 1) {
-      const phase = 2 * Math.PI * frequency * j;
-      const onsetTaper = Math.pow(Math.sin(phase), 2);
-      const offsetTaper = Math.pow(Math.cos(phase), 2);
-      curve[i] = onSetBool ? onsetTaper : offsetTaper;
-      j += 1 / this.sourceSamplingRate;
-    }
-    return curve;
-  };
-
-  #getTruncatedSignal = (left = 3.5, right = 4.5) => {
-    const start = Math.floor(left * this.sourceSamplingRate);
-    const end = Math.floor(right * this.sourceSamplingRate);
-    const result = Array.from(this.getLastVolumeRecordedSignal().slice(start, end));
-    console.log(
-      'Obtaining last 1000 hz recording from #allVolumeRecordings to send for processing'
-    );
-    /**
-     * function to check that capture was properly made
-     * @param {*} list
-     */
-    const checkResult = list => {
-      const setItem = new Set(list);
-      if (setItem.size === 1 && setItem.has(0)) {
-        console.warn(
-          'The last capture failed, all recorded signal is zero',
-          this.getAllVolumeRecordedSignals()
-        );
-      }
-      if (setItem.size === 0) {
-        console.warn('The last capture failed, no recorded signal');
-      }
-    };
-    checkResult(result);
-    return result;
-  };
-
-  /** 
-   * 
-   * 
-    Construct a calibration Node with the calibration parameters and given gain value
-   * @param {*} gainValue
-   * */
-  #createCalibrationToneWithGainValue = gainValue => {
-    const audioContext = this.makeNewSourceAudioContext();
-    const oscilator = audioContext.createOscillator();
-    const gainNode = audioContext.createGain();
-    const taperGainNode = audioContext.createGain();
-    const offsetGainNode = audioContext.createGain();
-    const totalDuration = this.CALIBRATION_TONE_DURATION * 1.2;
-
-    oscilator.frequency.value = this.#CALIBRATION_TONE_FREQUENCY;
-    oscilator.type = this.#CALIBRATION_TONE_TYPE;
-    gainNode.gain.value = gainValue;
-
-    oscilator.connect(gainNode);
-    gainNode.connect(taperGainNode);
-    const onsetCurve = this.createSCurveBuffer();
-    taperGainNode.gain.setValueCurveAtTime(onsetCurve, 0, this.TAPER_SECS);
-    taperGainNode.connect(offsetGainNode);
-    const offsetCurve = this.createSCurveBuffer(false);
-    offsetGainNode.gain.setValueCurveAtTime(
-      offsetCurve,
-      totalDuration - this.TAPER_SECS,
-      this.TAPER_SECS
-    );
-    offsetGainNode.connect(audioContext.destination);
-
-    this.addCalibrationNode(oscilator);
-  };
-
-  /**
-   * Construct a Calibration Node with the calibration parameters.
-   *
-   * @private
-   * @example
-   */
-  #createCalibrationNode = () => {
-    const audioContext = this.makeNewSourceAudioContext();
-    const oscilator = audioContext.createOscillator();
-    const gainNode = audioContext.createGain();
-
-    oscilator.frequency.value = this.#CALIBRATION_TONE_FREQUENCY;
-    oscilator.type = this.#CALIBRATION_TONE_TYPE;
-    gainNode.gain.value = 0.04;
-
-    oscilator.connect(gainNode);
-    gainNode.connect(audioContext.destination);
-
-    this.addCalibrationNode(oscilator);
-  };
-
-  #playCalibrationAudioVolume = async () => {
-    const totalDuration = this.CALIBRATION_TONE_DURATION * 1.2;
-
-    this.calibrationNodes[0].start(0);
-    this.calibrationNodes[0].stop(totalDuration);
-    console.log(`Playing a buffer of ${this.CALIBRATION_TONE_DURATION} seconds of audio`);
-    console.log(`Waiting a total of ${totalDuration} seconds`);
-    await sleep(totalDuration);
-  };
-
-  #sendToServerForProcessing = lCalib => {
-    console.log('Sending data to server');
-    let left = this.calibrateSound1000HzPreSec;
-    let right = this.calibrateSound1000HzPreSec + this.calibrateSound1000HzSec;
-    this.pyServerAPI
-      .getVolumeCalibration({
-        sampleRate: this.sourceSamplingRate,
-        payload: this.#getTruncatedSignal(left, right),
-        lCalib: lCalib,
-      })
-      .then(res => {
-        if (this.outDBSPL === null) {
-          this.incrementStatusBar();
-          this.outDBSPL = res['outDbSPL'];
-          this.outDBSPL1000 = res['outDbSPL1000'];
-          this.THD = res['thd'];
-        }
-      })
-      .catch(err => {
-        console.warn(err);
-      });
-  };
-
-  startCalibrationVolume = async (stream, gainValues, lCalib, componentGainDBSPL) => {
-    const trialIterations = gainValues.length;
-    this.status_denominator += trialIterations;
-    const thdValues = [];
-    const inDBValues = [];
-    let inDB = 0;
-    const outDBSPLValues = [];
-    const outDBSPL1000Values = [];
-    let checkRec = false;
-
-    // do one calibration that will be discarded
-    const soundLevelToDiscard = -60;
-    const gainToDiscard = Math.pow(10, soundLevelToDiscard / 20);
-    this.status =
-      `1000 Hz Calibration: Sound Level ${soundLevelToDiscard} dB`.toString() +
-      this.generateTemplate().toString();
-    //this.emit('update', {message: `1000 Hz Calibration: Sound Level ${soundLevelToDiscard} dB`});
-    this.emit('update', {message: this.status});
-
-    do {
-      // eslint-disable-next-line no-await-in-loop
-      await this.volumeCalibrationSteps(
-        stream,
-        this.#playCalibrationAudioVolume,
-        this.#createCalibrationToneWithGainValue,
-        this.#sendToServerForProcessing,
-        gainToDiscard,
-        lCalib, //todo make this a class parameter
-        checkRec
-      );
-    } while (this.outDBSPL === null);
-    //reset the values
-    //this.incrementStatusBar();
-
-    this.outDBSPL = null;
-    this.outDBSPL = null;
-    this.outDBSPL1000 = null;
-    this.THD = null;
-
-    // run the calibration at different gain values provided by the user
-    for (let i = 0; i < trialIterations; i++) {
-      //convert gain to DB and add to inDB
-      if (i == trialIterations - 1) {
-        checkRec = 'loudest';
-      }
-      inDB = Math.log10(gainValues[i]) * 20;
-      // precision to 1 decimal place
-      inDB = Math.round(inDB * 10) / 10;
-      inDBValues.push(inDB);
-      console.log('next update');
-      this.status =
-        `1000 Hz Calibration: Sound Level ${inDB} dB`.toString() +
-        this.generateTemplate().toString();
-      this.emit('update', {message: this.status});
-      do {
-        // eslint-disable-next-line no-await-in-loop
-        await this.volumeCalibrationSteps(
-          stream,
-          this.#playCalibrationAudioVolume,
-          this.#createCalibrationToneWithGainValue,
-          this.#sendToServerForProcessing,
-          gainValues[i],
-          lCalib, //todo make this a class parameter
-          checkRec
-        );
-      } while (this.outDBSPL === null);
-      outDBSPL1000Values.push(this.outDBSPL1000);
-      thdValues.push(this.THD);
-      outDBSPLValues.push(this.outDBSPL);
-
-      this.outDBSPL = null;
-      this.outDBSPL1000 = null;
-      this.THD = null;
-    }
-
-    // get the volume calibration parameters from the server
-    const parameters = await this.pyServerAPI
-      .getVolumeCalibrationParameters({
-        inDBValues: inDBValues,
-        outDBSPLValues: outDBSPL1000Values,
-        lCalib: lCalib,
-        componentGainDBSPL,
-      })
-      .then(res => {
-        this.incrementStatusBar();
-        return res;
-      });
-    const result = {
-      parameters: parameters,
-      inDBValues: inDBValues,
-      outDBSPLValues: outDBSPLValues,
-      outDBSPL1000Values: outDBSPL1000Values,
-      thdValues: thdValues,
-    };
-
-    return result;
-  };
-
-  // function to write frq and gain to firebase database given speakerID
-  writeFrqGain = async (speakerID, frq, gain, OEM) => {
-    // freq and gain are too large to take samples 1 in every 100 samples
-
-    const sampledFrq = [];
-    const sampledGain = [];
-    for (let i = 0; i < frq.length; i += 100) {
-      sampledFrq.push(frq[i]);
-      sampledGain.push(gain[i]);
-    }
-
-    const data = {Freq: sampledFrq, Gain: sampledGain};
-
-    await set(ref(database, `Microphone2/${OEM}/${speakerID}/linear`), data);
-  };
-
-  // Function to Read frq and gain from firebase database given speakerID
-  // returns an array of frq and gain if speakerID exists, returns null otherwise
-
-  readFrqGain = async (speakerID, OEM) => {
-    const dbRef = ref(database);
-    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/linear`));
-    if (snapshot.exists()) {
-      return snapshot.val();
-    }
-    return null;
-  };
-
-  readGainat1000Hz = async (speakerID, OEM) => {
-    const dbRef = ref(database);
-    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/Gain1000`));
-    if (snapshot.exists()) {
-      return snapshot.val();
-    }
-    return null;
-  };
-
-  writeGainat1000Hz = async (speakerID, gain, OEM) => {
-    const data = {Gain: gain};
-    await set(ref(database, `Microphone2/${OEM}/${speakerID}/Gain1000`), gain);
-  };
-
-  writeIsSmartPhone = async (speakerID, isSmartPhone, OEM) => {
-    const data = {isSmartPhone: isSmartPhone};
-    await set(ref(database, `Microphone2/${OEM}/${speakerID}/isSmartPhone`), isSmartPhone);
-  };
-
-  doesMicrophoneExist = async (speakerID, OEM) => {
-    const dbRef = ref(database);
-    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}`));
-    if (snapshot.exists()) {
-      return true;
-    }
-    return false;
-  };
-
-  addMicrophoneInfo = async (speakerID, OEM, micInfo) => {
-    // add to database if /info does not exist
-    // if there is "undefined" in the micInfo, change it to null
-    JSON.parse(JSON.stringify(micInfo));
-    const dbRef = ref(database);
-    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/info`));
-    if (!snapshot.exists()) {
-      await set(ref(database, `Microphone2/${OEM}/${speakerID}/info`), micInfo);
-    }
-  };
-
-  convertToDB = gain => {
-    return Math.log10(gain) * 20;
-  };
-
-  // Function to perform linear interpolation between two points
-  interpolate(x, x0, y0, x1, y1) {
-    return y0 + ((x - x0) * (y1 - y0)) / (x1 - x0);
-  }
-
-  findGainatFrequency = (frequencies, gains, targetFrequency) => {
-    // Find the index of the first frequency in the array greater than the target frequency
-    let index = 0;
-    while (index < frequencies.length && frequencies[index] < targetFrequency) {
-      index++;
-    }
-
-    // Handle cases when the target frequency is outside the range of the given data
-    if (index === 0) {
-      return gains[0];
-    } else if (index === frequencies.length) {
-      return gains[gains.length - 1];
-    } else {
-      // Interpolate the gain based on the surrounding frequencies
-      const x0 = frequencies[index - 1];
-      const y0 = gains[index - 1];
-      const x1 = frequencies[index];
-      const y1 = gains[index];
-      return this.interpolate(targetFrequency, x0, y0, x1, y1);
-    }
-  };
-
-  // Example of how to use the writeFrqGain and readFrqGain functions
-  // writeFrqGain('speaker1', [1, 2, 3], [4, 5, 6]);
-  // Speaker1 is the speakerID  you want to write to in the database
-  // readFrqGain('MiniDSPUMIK_1').then(data => console.log(data));
-  // MiniDSPUMIK_1 is the speakerID with some Data in the database
-  //adding gainDBSPL
-  startCalibration = async (
-    stream,
-    gainValues,
-    lCalib = 104.92978421490648,
-    componentIR = null,
-    microphoneName = 'MiniDSP-UMIK1-711-4754-vertical',
-    _calibrateSoundCheck = 'goal', //GOAL PASSed in by default
-    isSmartPhone = false,
-    _calibrateSoundBurstDb = 0.33,
-    _calibrateSoundBurstRepeats = 3,
-    _calibrateSoundBurstSec = 1,
-    _calibrateSoundBurstsWarmup = 1,
-    _calibrateSoundHz = 48000,
-    _calibrateSoundIIRSec = 0.2,
-    calibrateSound1000HzPreSec = 3.5,
-    calibrateSound1000HzSec = 1.0,
-    calibrateSound1000HzPostSec = 0.5,
-    _calibrateSoundBackgroundSecs = 0,
-    micManufacturer = '',
-    micSerialNumber = '',
-    micModelNumber = '',
-    micModelName = ''
-  ) => {
-    this._calibrateSoundBurstDb = _calibrateSoundBurstDb;
-    this.CALIBRATION_TONE_DURATION =
-      calibrateSound1000HzPreSec + calibrateSound1000HzSec + calibrateSound1000HzPostSec;
-    this.calibrateSound1000HzPreSec = calibrateSound1000HzPreSec;
-    this.calibrateSound1000HzSec = calibrateSound1000HzSec;
-    this.calibrateSound1000HzPostSec = calibrateSound1000HzPostSec;
-    this.iirLength = Math.floor(_calibrateSoundIIRSec * this.sourceSamplingRate);
-    console.log('device info:', this.deviceInfo);
-    this.numMLSPerCapture = _calibrateSoundBurstRepeats;
-    this.desired_time_per_mls = _calibrateSoundBurstSec;
-    this.num_mls_to_skip = _calibrateSoundBurstsWarmup;
-    this.desired_sampling_rate = _calibrateSoundHz;
-    this._calibrateSoundBackgroundSecs = _calibrateSoundBackgroundSecs;
-
-    //feed calibration goal here
-    this._calibrateSoundCheck = _calibrateSoundCheck;
-    //check if a componentIR was given to the system, if it isn't check for the microphone. using dummy data here bc we need to
-    //check the db based on the microphone currently connected
-
-    //new lCalib found at top of calibration files *1000hz, make sure to correct
-    //based on zeroing of 1000hz, search for "*1000Hz"
-    const ID = isSmartPhone ? micModelNumber : micSerialNumber;
-    const OEM = isSmartPhone ? this.deviceInfo.OEM : micManufacturer;
-    // const ID = "711-4754";
-    // const OEM = "MiniDSP";
-    const micInfo = {
-      micModelName: isSmartPhone ? micModelName : microphoneName,
-      OEM: OEM,
-      ID: ID,
-      HardwareName: isSmartPhone ? this.deviceInfo.hardwarename : microphoneName,
-      hardwareFamily: isSmartPhone ? this.deviceInfo.hardwarefamily : microphoneName,
-      HardwareModel: isSmartPhone ? this.deviceInfo.hardwaremodel : microphoneName,
-      PlatformName: isSmartPhone ? this.deviceInfo.platformname : 'N/A',
-      PlatformVersion: isSmartPhone ? this.deviceInfo.platformversion : 'N/A',
-      DeviceType: isSmartPhone ? this.deviceInfo.devicetype : 'N/A',
-    };
-    this.addMicrophoneInfo(ID, OEM, micInfo);
-    if (componentIR == null) {
-      //mode 'ir'
-      //global variable this.componentIR must be set
-      this.componentIR = await this.readFrqGain(ID, OEM).then(data => {
-        return data;
-      });
-
-      lCalib = await this.readGainat1000Hz(ID, OEM);
-      micInfo['gainDBSPL'] = lCalib;
-      // this.componentGainDBSPL = this.convertToDB(lCalib);
-      this.componentGainDBSPL = lCalib;
-      //TODO: if this call to database is unknown, cannot perform experiment => return false
-      if (this.componentIR == null) {
-        this.status =
-          `Microphone (${OEM},${ID}) is not found in the database. Please add it to the database.`.toString();
-        this.emit('update', {message: this.status});
-        return false;
-      }
-    } else {
-      this.componentIR = componentIR;
-      lCalib = this.findGainatFrequency(this.componentIR.Freq, this.componentIR.Gain, 1000);
-      // this.componentGainDBSPL = this.convertToDB(lCalib);
-      this.componentGainDBSPL = lCalib;
-      await this.writeIsSmartPhone(ID, isSmartPhone, OEM);
-    }
-
-    this.oldComponentIR = this.componentIR;
-
-    let volumeResults = await this.startCalibrationVolume(
-      stream,
-      gainValues,
-      lCalib,
-      this.componentGainDBSPL
-    );
-
-    let impulseResponseResults = await this.startCalibrationImpulseResponse(stream);
-    impulseResponseResults['background_noise'] = this.background_noise;
-    if (componentIR != null) {
-      //insert Freq and Gain from this.componentIR into db
-      await this.writeFrqGain(
-        ID,
-        impulseResponseResults.componentIR.Freq,
-        impulseResponseResults.componentIR.Gain,
-        OEM
-      );
-      micInfo['gainDBSPL'] = impulseResponseResults.parameters.gainDBSPL;
-      await this.writeGainat1000Hz(ID, micInfo['gainDBSPL'], OEM);
-    }
-
-    const total_results = {...volumeResults, ...impulseResponseResults};
-    total_results['filteredMLSRange'] = this.filteredMLSRange;
-    total_results['micInfo'] = micInfo;
-    total_results['audioInfo'] = {};
-    total_results['audioInfo']['sinkSampleRate'] = this.sinkSamplingRate;
-    total_results['audioInfo']['sourceSampleRate'] = this.sourceSamplingRate;
-    total_results['audioInfo']['bitsPerSample'] = this.sampleSize;
-
-    console.log('total results');
-    console.log(total_results);
-    return total_results;
-  };
-}
-
-export default Combination;
+import AudioCalibrator from '../audioCalibrator';
+
+import {sleep, csvToArray, saveToCSV, saveToJSON, findMinValue, findMaxValue} from '../../utils';
+import database from '../../config/firebase';
+import {ref, set, get, child} from 'firebase/database';
+
+/**
+ *
+ */
+class Combination extends AudioCalibrator {
+  /**
+   * Default constructor. Creates an instance with any number of paramters passed or the default parameters defined here.
+   *
+   * @param {Object<boolean, number, number, number>} calibratorParams  - paramter object
+   * @param {boolean} [calibratorParams.download = false]  - boolean flag to download captures
+   * @param {number} [calibratorParams.mlsOrder = 18] - order of the MLS to be generated
+   * @param {number} [calibratorParams.numCaptures = 5] - number of captures to perform
+   * @param {number} [calibratorParams.numMLSPerCapture = 2] - number of bursts of MLS per capture
+   */
+  constructor({
+    download = false,
+    mlsOrder = 18,
+    numCaptures = 3,
+    numMLSPerCapture = 2,
+    lowHz = 20,
+    highHz = 10000,
+  }) {
+    super(numCaptures, numMLSPerCapture);
+    this.#mlsOrder = parseInt(mlsOrder, 10);
+    this.#P = 2 ** mlsOrder - 1;
+    this.#download = download;
+    this.#mls = [];
+    this.#lowHz = lowHz;
+    this.#highHz = highHz;
+  }
+
+  /** @private */
+  stepNum = 0;
+
+  /** @private */
+  totalSteps = 25;
+
+  /** @private */
+  #download;
+
+  /** @private */
+  #mlsGenInterface;
+
+  /** @private */
+  #mlsBufferView;
+
+  /** @private */
+  componentInvertedImpulseResponse = null;
+
+  /** @private */
+  systemInvertedImpulseResponse = null;
+
+  //averaged and subtracted ir returned from calibration used to calculated iir
+  /** @private */
+  ir = null;
+
+  /** @private */
+  impulseResponses = [];
+
+  /** @private */
+  #mlsOrder;
+
+  /** @private */
+  #lowHz;
+
+  /** @private */
+  #highHz;
+
+  /** @private */
+  #mls;
+
+  /** @private */
+  #P;
+
+  /** @private */
+  #audioContext;
+
+  /** @private */
+  TAPER_SECS = 5;
+
+  /** @private */
+  offsetGainNode;
+
+  /** @private */
+  componentConvolution;
+
+  /** @private */
+  testConvolution;
+
+  /** @private */
+  systemConvolution;
+
+  ////////////////////////volume
+  /** @private */
+  #CALIBRATION_TONE_FREQUENCY = 1000; // Hz
+
+  /** @private */
+  #CALIBRATION_TONE_TYPE = 'sine';
+
+  CALIBRATION_TONE_DURATION = 5; // seconds
+  calibrateSound1000HzPreSec = 3.5;
+  calibrateSound1000HzSec = 1.0;
+  calibrateSound1000HzPostSec = 0.5;
+
+  /** @private */
+  outDBSPL = null;
+  THD = null;
+  outDBSPL1000 = null;
+
+  /** @private */
+  TAPER_SECS = 0.01; // seconds
+
+  /** @private */
+  status_denominator = 8;
+
+  /** @private */
+  status_numerator = 0;
+
+  /** @private */
+  percent_complete = 0;
+
+  /** @private */
+  status = ``;
+
+  /**@private */
+  status_literal = `<div style="display: flex; justify-content: center;"><div style="width: 200px; height: 20px; border: 2px solid #000; border-radius: 10px;"><div style="width: ${this.percent_complete}%; height: 100%; background-color: #00aaff; border-radius: 8px;"></div></div></div>`;
+
+  /**@private */
+  componentIR = null;
+
+  /**@private */
+  oldComponentIR = null;
+
+  /**@private */
+  systemIR = null;
+
+  /**@private */
+  _calibrateSoundCheck = '';
+
+  deviceType = null;
+
+  deviceName = null;
+
+  deviceInfo = null;
+
+  desired_time_per_mls = 0;
+
+  num_mls_to_skip = 0;
+
+  desired_sampling_rate = 0;
+
+  #currentConvolution = [];
+
+  mode = 'unfiltered';
+
+  sourceNode;
+
+  autocorrelations = [];
+
+  iirLength = 0;
+
+  componentInvertedImpulseResponseNoBandpass = [];
+
+  systemInvertedImpulseResponseNoBandpass = [];
+
+  _calibrateSoundBackgroundSecs;
+
+  background_noise = {};
+
+  numSuccessfulBackgroundCaptured;
+
+  _calibrateSoundBurstDb;
+
+  filteredMLSRange = {
+    component: {
+      Min: null,
+      Max: null,
+    },
+    system: {
+      Min: null,
+      Max: null,
+    },
+  };
+
+  /**generate string template that gets reevaluated as variable increases */
+  generateTemplate = () => {
+    if (this.percent_complete > 100) {
+      this.percent_complete = 100;
+    }
+    const template = `<div style="display: flex; justify-content: center; margin-top:12px;"><div style="width: 800px; height: 20px; border: 2px solid #000; border-radius: 10px;"><div style="width: ${this.percent_complete}%; height: 100%; background-color: #00aaff; border-radius: 8px;"></div></div></div>`;
+    return template;
+  };
+
+  /** increment numerator and percent for status bar */
+  incrementStatusBar = () => {
+    this.status_numerator += 1;
+    this.percent_complete = (this.status_numerator / this.status_denominator) * 100;
+  };
+
+  setDeviceType = deviceType => {
+    this.deviceType = deviceType;
+  };
+
+  setDeviceName = deviceName => {
+    this.deviceName = deviceName;
+  };
+
+  setDeviceInfo = deviceInfo => {
+    this.deviceInfo = deviceInfo;
+  };
+
+  /** .
+   * .
+   * .
+   * Sends all the computed impulse responses to the backend server for processing
+   *
+   * @returns sets the resulting inverted impulse response to the class property
+   * @example
+   */
+  sendSystemImpulseResponsesToServerForProcessing = async () => {
+    const computedIRs = await Promise.all(this.impulseResponses);
+    const filteredComputedIRs = computedIRs.filter(element => {
+      return element != undefined;
+    }); //log any errors that are found in this step
+    const mls = this.#mls;
+    const lowHz = this.#lowHz; //gain of 1 below cutoff, need gain of 0
+    const highHz = this.#highHz; //check error for anything other than 10 kHz
+    const iirLength = this.iirLength;
+    const num_periods = this.numMLSPerCapture + this.num_mls_to_skip;
+    this.stepNum += 1;
+    console.log('send impulse responses to server: ' + this.stepNum);
+    this.status =
+      `All Hz Calibration: computing the IIR...`.toString() + this.generateTemplate().toString();
+    this.emit('update', {message: this.status});
+    return this.pyServerAPI
+      .getSystemInverseImpulseResponseWithRetry({
+        payload: filteredComputedIRs.slice(0, this.numCaptures),
+        mls,
+        lowHz,
+        highHz,
+        iirLength,
+        num_periods,
+        sampleRate: this.sourceSamplingRate || 96000,
+        calibrateSoundBurstDb: this._calibrateSoundBurstDb,
+      })
+      .then(res => {
+        console.log(res);
+        this.stepNum += 1;
+        console.log('got impulse response ' + this.stepNum);
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the IIR...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        this.systemInvertedImpulseResponse = res['iir'];
+        this.systemIR = res['ir'];
+        this.systemConvolution = res['convolution'];
+        this.systemInvertedImpulseResponseNoBandpass = res['iirNoBandpass'];
+      })
+      .catch(err => {
+        console.error(err);
+      });
+  };
+
+  /** .
+   * .
+   * .
+   * Sends all the computed impulse responses to the backend server for processing
+   *
+   * @returns sets the resulting inverted impulse response to the class property
+   * @example
+   */
+  sendComponentImpulseResponsesToServerForProcessing = async () => {
+    const computedIRs = await Promise.all(this.impulseResponses);
+    const filteredComputedIRs = computedIRs.filter(element => {
+      return element != undefined;
+    });
+    const componentIRGains = this.componentIR['Gain'];
+    const componentIRFreqs = this.componentIR['Freq'];
+    const mls = this.#mls;
+    const lowHz = this.#lowHz;
+    const iirLength = this.iirLength;
+    const num_periods = this.numMLSPerCapture + this.num_mls_to_skip;
+    const highHz = this.#highHz;
+    this.stepNum += 1;
+    console.log('send impulse responses to server: ' + this.stepNum);
+    this.status =
+      `All Hz Calibration: computing the IIR...`.toString() + this.generateTemplate().toString();
+    this.emit('update', {message: this.status});
+    return this.pyServerAPI
+      .getComponentInverseImpulseResponseWithRetry({
+        payload: filteredComputedIRs.slice(0, this.numCaptures),
+        mls,
+        lowHz,
+        highHz,
+        iirLength,
+        componentIRGains,
+        componentIRFreqs,
+        num_periods,
+        sampleRate: this.sourceSamplingRate || 96000,
+        calibrateSoundBurstDb: this._calibrateSoundBurstDb,
+      })
+      .then(res => {
+        console.log(res);
+        this.stepNum += 1;
+        console.log('got impulse response ' + this.stepNum);
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the IIR...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        this.componentInvertedImpulseResponse = res['iir'];
+        this.componentIR['Gain'] = res['ir'];
+        this.componentIR['Freq'] = res['frequencies'];
+        this.componentConvolution = res['convolution'];
+        this.testConvolution = res['convolutionTest'];
+        this.componentInvertedImpulseResponseNoBandpass = res['iirNoBandpass'];
+      })
+      .catch(err => {
+        // this.emit('InvertedImpulseResponse', {res: false});
+        console.error(err);
+      });
+  };
+
+  sendBackgroundRecording = () => {
+    const allSignals = this.getAllBackgroundRecordings();
+    const numSignals = allSignals.length;
+    const background_rec_whole = allSignals[numSignals - 1];
+    const fraction = 0.5 / (this._calibrateSoundBackgroundSecs + 0.5);
+    // Calculate the starting index for slicing the array
+    const startIndex = Math.round(fraction * background_rec_whole.length);
+    // Slice the array from the calculated start index to the end of the array
+    const background_rec = background_rec_whole.slice(startIndex);
+    console.log('Sending background recording to server for processing');
+    this.pyServerAPI
+      .getBackgroundNoisePSDWithRetry({
+        background_rec,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        if (this.numSuccessfulBackgroundCaptured < 1) {
+          this.numSuccessfulBackgroundCaptured += 1;
+          //storing all background data in background_psd object
+          this.background_noise['x_background'] = res['x_background'];
+          this.background_noise['y_background'] = res['y_background'];
+          this.background_noise['recording'] = background_rec;
+        }
+      })
+      .catch(err => {
+        console.error(err);
+      });
+  };
+
+  /** .
+   * .
+   * .
+   * Sends the recorded signal, or a given csv string of a signal, to the back end server for processing
+   *
+   * @param {<array>String} signalCsv - Optional csv string of a previously recorded signal, if given, this signal will be processed
+   * @example
+   */
+  sendRecordingToServerForProcessing = signalCsv => {
+    const allSignals = this.getAllUnfilteredRecordedSignals();
+    console.log(
+      'Obtaining last all hz unfiltered recording from #allHzUnfilteredRecordings to send to server for processing'
+    );
+    const numSignals = allSignals.length;
+    const mls = this.#mlsBufferView;
+    const payload =
+      signalCsv && signalCsv.length > 0 ? csvToArray(signalCsv) : allSignals[numSignals - 1];
+    console.log('sending rec');
+    this.stepNum += 1;
+    console.log('send rec ' + this.stepNum);
+    this.status =
+      `All Hz Calibration Step: computing the IR of the last recording...`.toString() +
+      this.generateTemplate().toString();
+    this.emit('update', {message: this.status});
+    this.impulseResponses.push(
+      this.pyServerAPI
+        .getImpulseResponse({
+          sampleRate: this.sourceSamplingRate || 96000,
+          payload,
+          mls,
+          P: this.#P, //get rid of this
+          numPeriods: this.numMLSPerCapture,
+        })
+        .then(res => {
+          if (this.numSuccessfulCaptured < this.numCaptures) {
+            this.numSuccessfulCaptured += 1;
+            console.log('num succ capt: ' + this.numSuccessfulCaptured);
+            this.stepNum += 1;
+            console.log('got impulse response ' + this.stepNum);
+            this.incrementStatusBar();
+            this.status =
+              `All Hz Calibration: ${this.numSuccessfulCaptured}/${this.numCaptures} IRs computed...`.toString() +
+              this.generateTemplate().toString();
+            this.emit('update', {
+              message: this.status,
+            });
+            this.autocorrelations.push(res['autocorrelation']);
+            return res['ir'];
+          }
+        })
+        .catch(err => {
+          console.error(err);
+        })
+    );
+  };
+
+  /**
+   * Passed to the calibration steps function, awaits the desired amount of seconds to capture the desired number
+   * of MLS periods defined in the constructor.
+   *
+   * @example
+   */
+  #awaitDesiredMLSLength = async () => {
+    // seconds per MLS = P / SR
+    // await N * P / SR
+    this.stepNum += 1;
+    console.log('await desired length ' + this.stepNum);
+    this.status =
+      `All Hz Calibration: sampling the calibration signal...`.toString() +
+      `\niteration ${this.stepNum}` +
+      this.generateTemplate();
+    this.emit('update', {
+      message: this.status,
+    });
+    let time_to_wait = 0;
+    if (this.mode === 'unfiltered') {
+      //unfiltered
+      time_to_wait = (this.#mls.length / this.sourceSamplingRate) * this.numMLSPerCapture;
+      time_to_wait = time_to_wait * 1.1;
+    } else if (this.mode === 'filtered') {
+      //filtered
+      // time_to_wait =
+      //   (this.#currentConvolution.length / this.sourceSamplingRate) *
+      //   (this.numMLSPerCapture / (this.num_mls_to_skip + this.numMLSPerCapture));
+      time_to_wait =
+        (this.#currentConvolution.length / this.sourceSamplingRate) * this.numMLSPerCapture;
+      time_to_wait = time_to_wait * 1.1;
+    } else {
+      throw new Error('Mode broke in awaitDesiredMLSLength');
+    }
+
+    await sleep(time_to_wait);
+  };
+
+  /**
+   * Passed to the background noise recording function, awaits the desired amount of seconds to capture the desired number
+   * of seconds of background noise
+   *
+   * @example
+   */
+  #awaitBackgroundNoiseRecording = async () => {
+    console.log(
+      'Waiting ' + this._calibrateSoundBackgroundSecs + ' second(s) to record background noise'
+    );
+    let time_to_wait = this._calibrateSoundBackgroundSecs + 0.5;
+    await sleep(time_to_wait);
+  };
+
+  /** .
+   * .
+   * .
+   * Passed to the calibration steps function, awaits the onset of the signal to ensure a steady state
+   *
+   * @example
+   */
+  #awaitSignalOnset = async () => {
+    this.stepNum += 1;
+    console.log('await signal onset ' + this.stepNum);
+    this.status =
+      `All Hz Calibration: waiting for the signal to stabilize...`.toString() +
+      this.generateTemplate();
+    this.emit('update', {
+      message: this.status,
+    });
+    let number_of_bursts_to_skip = this.num_mls_to_skip;
+    let time_to_sleep = 0;
+    if (this.mode === 'unfiltered') {
+      time_to_sleep = (this.#mls.length / this.sourceSamplingRate) * number_of_bursts_to_skip;
+    } else if (this.mode === 'filtered') {
+      console.log(this.#currentConvolution.length);
+      // time_to_sleep =
+      //   (this.#currentConvolution.length / this.sourceSamplingRate) *
+      //   (number_of_bursts_to_skip / (number_of_bursts_to_skip + this.numMLSPerCapture));
+      time_to_sleep =
+        (this.#currentConvolution.length / this.sourceSamplingRate) * number_of_bursts_to_skip;
+    } else {
+      throw new Error('Mode broke in awaitSignalOnset');
+    }
+    await sleep(time_to_sleep);
+  };
+
+  /**
+   * Called immediately after a recording is captured. Used to process the resulting signal
+   * whether by sending the result to a server or by computing a result locally.
+   *
+   * @example
+   */
+  #afterMLSRecord = () => {
+    console.log('after record');
+    this.sendRecordingToServerForProcessing();
+  };
+
+  #afterMLSwIIRRecord = () => {
+    if (this.numSuccessfulCaptured < 1) {
+      this.numSuccessfulCaptured += 1;
+      this.stepNum += 1;
+      this.incrementStatusBar();
+      console.log('after mls w iir record for some reason add numSucc capt ' + this.stepNum);
+      this.status =
+        `All Hz Calibration: ${this.numSuccessfulCaptured} recording of convolved MLS captured`.toString() +
+        this.generateTemplate().toString();
+      this.emit('update', {
+        message: this.status,
+      });
+    }
+  };
+
+  /** .
+   * .
+   * .
+   * Created an S Curver Buffer to taper the signal onset
+   *
+   * @param {*} length
+   * @param {*} phase
+   * @returns
+   * @example
+   */
+  static createSCurveBuffer = (length, phase) => {
+    const curve = new Float32Array(length);
+    let i;
+    for (i = 0; i < length; i += 1) {
+      // scale the curve to be between 0-1
+      curve[i] = Math.sin((Math.PI * i) / length - phase) / 2 + 0.5;
+    }
+    return curve;
+  };
+
+  static createInverseSCurveBuffer = (length, phase) => {
+    const curve = new Float32Array(length);
+    let i;
+    let j = length - 1;
+    for (i = 0; i < length; i += 1) {
+      // scale the curve to be between 0-1
+      curve[i] = Math.sin((Math.PI * j) / length - phase) / 2 + 0.5;
+      j -= 1;
+    }
+    return curve;
+  };
+
+  /**
+   * Construct a Calibration Node with the calibration parameters.
+   *
+   * @param dataBuffer
+   * @private
+   * @example
+   */
+  #createCalibrationNodeFromBuffer = dataBuffer => {
+    console.log('length databuffer');
+    console.log(dataBuffer.length);
+    if (!this.sourceAudioContext) {
+      this.makeNewSourceAudioContext();
+    }
+
+    const buffer = this.sourceAudioContext.createBuffer(
+      1, // number of channels
+      dataBuffer.length,
+      this.sourceAudioContext.sampleRate // sample rate
+    );
+
+    const data = buffer.getChannelData(0); // get data
+
+    // fill the buffer with our data
+    try {
+      for (let i = 0; i < dataBuffer.length; i += 1) {
+        data[i] = dataBuffer[i];
+      }
+    } catch (error) {
+      console.error(error);
+    }
+
+    this.sourceNode = this.sourceAudioContext.createBufferSource();
+
+    this.sourceNode.buffer = buffer;
+
+    if (this.mode === 'filtered') {
+      //used to not loop filtered
+      this.sourceNode.loop = true;
+    } else {
+      this.sourceNode.loop = true;
+    }
+
+    this.sourceNode.connect(this.sourceAudioContext.destination);
+
+    this.addCalibrationNode(this.sourceNode);
+  };
+
+  /**
+   * Given a data buffer, creates the required calibration node
+   *
+   * @param {*} dataBufferArray
+   * @example
+   */
+  #setCalibrationNodesFromBuffer = (dataBufferArray = [this.#mlsBufferView]) => {
+    if (dataBufferArray.length === 1) {
+      this.#createCalibrationNodeFromBuffer(dataBufferArray[0]);
+    } else {
+      throw new Error('The length of the data buffer array must be 1');
+    }
+  };
+
+  /**
+   * Creates an audio context and plays it for a few seconds.
+   *
+   * @private
+   * @returns - Resolves when the audio is done playing.
+   * @example
+   */
+  #playCalibrationAudio = () => {
+    this.calibrationNodes[0].start(0);
+    this.status = ``;
+    if (this.mode === 'unfiltered') {
+      console.log('mls', this.#mls); // before multiplied by calibrateSoundBurstDb
+      console.log('mls buffer view', this.#mlsBufferView); // after multiplied by calibrateSoundBurstDb
+      console.log('play calibration audio ' + this.stepNum);
+      this.status =
+        `All Hz Calibration: playing the calibration tone...`.toString() +
+        this.generateTemplate().toString();
+    } else if (this.mode === 'filtered') {
+      console.log('play convolved audio ' + this.stepNum);
+      this.status =
+        `All Hz Calibration: playing the convolved calibration tone...`.toString() +
+        this.generateTemplate().toString();
+    } else {
+      throw new Error('Mode is incorrect');
+    }
+    this.emit('update', {message: this.status});
+    this.stepNum += 1;
+    console.log('sink sampling rate');
+    console.log(this.sinkSamplingRate);
+    console.log('source sampling rate');
+    console.log(this.sourceSamplingRate);
+    console.log('sample size');
+    console.log(this.sampleSize);
+  };
+
+  /** .
+   * .
+   * .
+   * Stops the audio with tapered offset
+   *
+   * @example
+   */
+  #stopCalibrationAudio = () => {
+    this.calibrationNodes[0].stop(0);
+    this.calibrationNodes = [];
+    this.sourceNode.disconnect();
+    this.stepNum += 1;
+    console.log('stop calibration audio ' + this.stepNum);
+    this.status =
+      `All Hz Calibration: stopping the calibration tone...`.toString() +
+      this.generateTemplate().toString();
+    this.emit('update', {message: this.status});
+  };
+
+  playMLSwithIIR = async (stream, convolution) => {
+    let checkRec = false;
+    this.mode = 'filtered';
+    console.log('play mls with iir');
+    //this.invertedImpulseResponse = iir
+
+    await this.calibrationSteps(
+      stream,
+      this.#playCalibrationAudio, // play audio func (required)
+      this.#createCalibrationNodeFromBuffer(convolution), // before play func
+      this.#awaitSignalOnset, // before record
+      () => this.numSuccessfulCaptured < 1,
+      this.#awaitDesiredMLSLength, // during record
+      this.#afterMLSwIIRRecord, // after record
+      this.mode,
+      checkRec
+    );
+  };
+
+  bothSoundCheck = async stream => {
+    let iir_ir_and_plots;
+    this.#currentConvolution = this.componentConvolution;
+    this.filteredMLSRange.component.Min = findMinValue(this.#currentConvolution);
+    this.filteredMLSRange.component.Max = findMaxValue(this.#currentConvolution);
+    await this.playMLSwithIIR(stream, this.#currentConvolution);
+    this.#stopCalibrationAudio();
+    let component_conv_recs = this.getAllFilteredRecordedSignals();
+    let return_component_conv_rec = component_conv_recs[0];
+    this.clearAllFilteredRecordedSignals();
+
+    this.#currentConvolution = this.testConvolution;
+    await this.playMLSwithIIR(stream, this.#currentConvolution);
+    this.#stopCalibrationAudio();
+    let test_conv_recs = this.getAllFilteredRecordedSignals();
+    let return_test_conv_rec = test_conv_recs[0];
+    this.clearAllFilteredRecordedSignals();
+
+    this.#currentConvolution = this.systemConvolution;
+    this.filteredMLSRange.system.Min = findMinValue(this.#currentConvolution);
+    this.filteredMLSRange.system.Max = findMaxValue(this.#currentConvolution);
+    await this.playMLSwithIIR(stream, this.#currentConvolution);
+    this.#stopCalibrationAudio();
+    let system_conv_recs = this.getAllFilteredRecordedSignals();
+    let return_system_conv_rec = system_conv_recs[0];
+
+    this.clearAllFilteredRecordedSignals();
+
+    this.sourceAudioContext.close();
+    let recs = this.getAllUnfilteredRecordedSignals();
+    let unconv_rec = recs[0];
+    let return_unconv_rec = unconv_rec;
+    let conv_rec = component_conv_recs[0];
+
+    //psd of component
+    let knownGain = this.oldComponentIR.Gain;
+    let knownFreq = this.oldComponentIR.Freq;
+    let sampleRate = this.sourceSamplingRate || 96000;
+    let component_unconv_rec_psd = await this.pyServerAPI
+      .getSubtractedPSDWithRetry(unconv_rec, knownGain, knownFreq, sampleRate)
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    let component_conv_rec_psd = await this.pyServerAPI
+      .getSubtractedPSDWithRetry(conv_rec, knownGain, knownFreq, sampleRate)
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    let test_conv_rec_psd = await this.pyServerAPI
+      .getSubtractedPSDWithRetry(return_test_conv_rec, knownGain, knownFreq, sampleRate)
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing testing PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    conv_rec = system_conv_recs[0];
+    //psd of system
+    let system_recs_psd = await this.pyServerAPI
+      .getPSDWithRetry({
+        unconv_rec,
+        conv_rec,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    //iir w/ and without bandpass psd. done
+    unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
+    conv_rec = this.componentInvertedImpulseResponse;
+    let component_iir_psd = await this.pyServerAPI
+      .getPSDWithRetry({
+        unconv_rec,
+        conv_rec,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+    unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
+    conv_rec = this.systemInvertedImpulseResponse;
+    let system_iir_psd = await this.pyServerAPI
+      .getPSDWithRetry({
+        unconv_rec,
+        conv_rec,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    let mls_psd = await this.pyServerAPI
+      .getMLSPSDWithRetry({mls: this.#mlsBufferView, sampleRate: this.sourceSamplingRate || 96000})
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    let system_filtered_mls_psd = await this.pyServerAPI
+      .getMLSPSDWithRetry({
+        mls: this.systemConvolution,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    let component_filtered_mls_psd = await this.pyServerAPI
+      .getMLSPSDWithRetry({
+        mls: this.componentConvolution,
+        sampleRate: this.sourceSamplingRate || 96000,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        this.status =
+          `All Hz Calibration: done computing the PSD graphs...`.toString() +
+          this.generateTemplate().toString();
+        this.emit('update', {message: this.status});
+        return res;
+      })
+      .catch(err => {
+        console.error(err);
+      });
+
+    iir_ir_and_plots = {
+      filtered_recording: {
+        component: return_component_conv_rec,
+        system: return_system_conv_rec,
+      },
+      unfiltered_recording: this.getAllUnfilteredRecordedSignals()[0],
+      system: {
+        iir: this.systemInvertedImpulseResponse,
+        ir: this.systemIR,
+        iir_psd: {
+          y: system_iir_psd['y_conv'],
+          x: system_iir_psd['x_conv'],
+          y_no_bandpass: system_iir_psd['y_unconv'],
+          x_no_bandpass: system_iir_psd['x_unconv'],
+        },
+        filtered_mls_psd: {
+          x: system_filtered_mls_psd['x_mls'],
+          y: system_filtered_mls_psd['y_mls'],
+        },
+        convolution: this.systemConvolution,
+        psd: {
+          unconv: {
+            x: system_recs_psd['x_unconv'],
+            y: system_recs_psd['y_unconv'],
+          },
+          conv: {
+            x: system_recs_psd['x_conv'],
+            y: system_recs_psd['y_conv'],
+          },
+        },
+      },
+      component: {
+        iir: this.componentInvertedImpulseResponse,
+        ir: this.componentIR,
+        iir_psd: {
+          y: component_iir_psd['y_conv'],
+          x: component_iir_psd['x_conv'],
+          y_no_bandpass: component_iir_psd['y_unconv'],
+          x_no_bandpass: component_iir_psd['x_unconv'],
+        },
+        filtered_mls_psd: {
+          x: component_filtered_mls_psd['x_mls'],
+          y: component_filtered_mls_psd['y_mls'],
+        },
+        convolution: this.componentConvolution,
+        psd: {
+          unconv: {
+            x: component_unconv_rec_psd['x'],
+            y: component_unconv_rec_psd['y'],
+          },
+          conv: {
+            x: component_conv_rec_psd['x'],
+            y: component_conv_rec_psd['y'],
+          },
+          test: {
+            x: test_conv_rec_psd['x'],
+            y: test_conv_rec_psd['y'],
+          },
+        },
+      },
+      mls: this.#mlsBufferView,
+      mls_psd: {
+        x: mls_psd['x_mls'],
+        y: mls_psd['y_mls'],
+      },
+      autocorrelations: this.autocorrelations,
+      impulseResponses: [],
+    };
+
+    return iir_ir_and_plots;
+  };
+
+  singleSoundCheck = async stream => {
+    let iir_ir_and_plots;
+    if (this._calibrateSoundCheck != 'system') {
+      this.#currentConvolution = this.componentConvolution;
+      this.filteredMLSRange.component.Min = findMinValue(this.#currentConvolution);
+      this.filteredMLSRange.component.Max = findMaxValue(this.#currentConvolution);
+    } else {
+      this.#currentConvolution = this.systemConvolution;
+      this.filteredMLSRange.system.Min = findMinValue(this.#currentConvolution);
+      this.filteredMLSRange.system.Max = findMaxValue(this.#currentConvolution);
+    }
+    await this.playMLSwithIIR(stream, this.#currentConvolution);
+    this.#stopCalibrationAudio();
+    let conv_recs = this.getAllFilteredRecordedSignals();
+    let recs = this.getAllUnfilteredRecordedSignals();
+    this.clearAllFilteredRecordedSignals();
+    console.log('Obtaining unfiltered recording from #allHzUnfilteredRecordings to calculate PSD');
+    console.log('Obtaining filtered recording from #allHzFilteredRecordings to calculate PSD');
+    let unconv_rec = recs[0];
+    let return_unconv_rec = unconv_rec;
+    let conv_rec = conv_recs[0];
+    let return_conv_rec = conv_rec;
+    if (this._calibrateSoundCheck != 'system') {
+      this.#currentConvolution = this.testConvolution;
+      await this.playMLSwithIIR(stream, this.#currentConvolution);
+      this.#stopCalibrationAudio();
+    }
+    let test_conv_recs = this.getAllFilteredRecordedSignals();
+    let return_test_conv_rec = test_conv_recs[0];
+    this.sourceAudioContext.close();
+    if (this._calibrateSoundCheck != 'system') {
+      let knownGain = this.oldComponentIR.Gain;
+      let knownFreq = this.oldComponentIR.Freq;
+      let sampleRate = this.sourceSamplingRate || 96000;
+      let unconv_results = await this.pyServerAPI
+        .getSubtractedPSDWithRetry(unconv_rec, knownGain, knownFreq, sampleRate)
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let conv_results = await this.pyServerAPI
+        .getSubtractedPSDWithRetry(conv_rec, knownGain, knownFreq, sampleRate)
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let test_conv_results = await this.pyServerAPI
+        .getSubtractedPSDWithRetry(return_test_conv_rec, knownGain, knownFreq, sampleRate)
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
+      conv_rec = this.componentInvertedImpulseResponse;
+      let component_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
+      conv_rec = this.systemInvertedImpulseResponse;
+      let system_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let mls_psd = await this.pyServerAPI
+        .getMLSPSDWithRetry({
+          mls: this.#mlsBufferView,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let filtered_mls_psd = await this.pyServerAPI
+        .getMLSPSDWithRetry({
+          mls: this.componentConvolution,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      iir_ir_and_plots = {
+        unfiltered_recording: return_unconv_rec,
+        filtered_recording: return_conv_rec,
+        system: {
+          iir: this.systemInvertedImpulseResponse,
+          ir: this.systemIR,
+          iir_psd: {
+            y: system_iir_psd['y_conv'],
+            x: system_iir_psd['y_conv'],
+            y_no_bandpass: system_iir_psd['y_unconv'],
+            x_no_bandpass: system_iir_psd['x_unconv'],
+          },
+          filtered_recording: [],
+          filtered_mls_psd: {},
+          convolution: this.systemConvolution,
+          psd: {
+            unconv: {
+              x: [],
+              y: [],
+            },
+            conv: {
+              x: [],
+              y: [],
+            },
+          },
+        },
+        component: {
+          iir: this.componentInvertedImpulseResponse,
+          ir: this.componentIR,
+          iir_psd: {
+            y: component_iir_psd['y_conv'],
+            x: component_iir_psd['x_conv'],
+            y_no_bandpass: component_iir_psd['y_unconv'],
+            x_no_bandpass: component_iir_psd['x_unconv'],
+          },
+          filtered_mls_psd: {
+            x: filtered_mls_psd['x_mls'],
+            y: filtered_mls_psd['y_mls'],
+          },
+          convolution: this.componentConvolution,
+          psd: {
+            unconv: {
+              x: unconv_results['x'],
+              y: unconv_results['y'],
+            },
+            conv: {
+              x: conv_results['x'],
+              y: conv_results['y'],
+            },
+            test: {
+              x: test_conv_results['x'],
+              y: test_conv_results['y'],
+            },
+          },
+        },
+        mls: this.#mlsBufferView,
+        mls_psd: {
+          x: mls_psd['x_mls'],
+          y: mls_psd['y_mls'],
+        },
+        autocorrelations: this.autocorrelations,
+        impulseResponses: [],
+      };
+    } else {
+      let results = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      //iir w/ and without bandpass psd
+      unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
+      conv_rec = this.componentInvertedImpulseResponse;
+      let component_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
+      conv_rec = this.systemInvertedImpulseResponse;
+      let system_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let mls_psd = await this.pyServerAPI
+        .getMLSPSDWithRetry({
+          mls: this.#mlsBufferView,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      let filtered_mls_psd = await this.pyServerAPI
+        .getMLSPSDWithRetry({
+          mls: this.systemConvolution,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      iir_ir_and_plots = {
+        unfiltered_recording: return_unconv_rec,
+        filtered_recording: return_conv_rec,
+        system: {
+          iir: this.systemInvertedImpulseResponse,
+          ir: this.systemIR,
+          iir_psd: {
+            y: system_iir_psd['y_conv'],
+            x: system_iir_psd['y_conv'],
+            y_no_bandpass: system_iir_psd['y_unconv'],
+            x_no_bandpass: system_iir_psd['x_unconv'],
+          },
+          filtered_recording: [],
+          filtered_mls_psd: {
+            x: filtered_mls_psd['x_mls'],
+            y: filtered_mls_psd['y_mls'],
+          },
+          convolution: this.systemConvolution,
+          psd: {
+            unconv: {
+              x: results['x_unconv'],
+              y: results['y_unconv'],
+            },
+            conv: {
+              x: results['x_conv'],
+              y: results['y_conv'],
+            },
+          },
+        },
+        component: {
+          iir: this.componentInvertedImpulseResponse,
+          ir: this.componentIR,
+          iir_psd: {
+            y: component_iir_psd['y_conv'],
+            x: component_iir_psd['x_conv'],
+            y_no_bandpass: component_iir_psd['y_unconv'],
+            x_no_bandpass: component_iir_psd['x_unconv'],
+          },
+          filtered_mls_psd: {},
+          convolution: this.componentConvolution,
+          psd: {
+            unconv: {
+              x: [],
+              y: [],
+            },
+            conv: {
+              x: [],
+              y: [],
+            },
+            test: {
+              x: [],
+              y: [],
+            },
+          },
+        },
+        mls: this.#mlsBufferView,
+        mls_psd: {
+          x: mls_psd['x_mls'],
+          y: mls_psd['y_mls'],
+        },
+        autocorrelations: this.autocorrelations,
+        impulseResponses: [],
+      };
+    }
+    await Promise.all(this.impulseResponses).then(res => {
+      for (let i = 0; i < res.length; i++) {
+        if (res[i] != undefined) {
+          iir_ir_and_plots['impulseResponses'].push(res[i]);
+        }
+      }
+    });
+
+    if (this.#download) {
+      this.downloadSingleUnfilteredRecording();
+      this.downloadSingleFilteredRecording();
+      saveToCSV(this.#mls, 'MLS.csv');
+      saveToCSV(this.componentConvolution, 'python_component_convolution_mls_iir.csv');
+      saveToCSV(this.systemConvolution, 'python_system_convolution_mls_iir.csv');
+      saveToCSV(this.componentInvertedImpulseResponse, 'componentIIR.csv');
+      saveToCSV(this.systemInvertedImpulseResponse, 'systemIIR.csv');
+      for (let i = 0; i < this.autocorrelations.length; i++) {
+        saveToCSV(this.autocorrelations[i], `autocorrelation_${i}`);
+      }
+      const computedIRagain = await Promise.all(this.impulseResponses).then(res => {
+        for (let i = 0; i < res.length; i++) {
+          if (res[i] != undefined) {
+            saveToCSV(res[i], `IR_${i}`);
+          }
+        }
+      });
+    }
+
+    return iir_ir_and_plots;
+  };
+
+  /**
+   * Public method to start the calibration process. Objects intialized from webassembly allocate new memory
+   * and must be manually freed. This function is responsible for intializing the MlsGenInterface,
+   * and wrapping the calibration steps with a garbage collection safe gaurd.
+   *
+   * @public
+   * @param stream - The stream of audio from the Listener.
+   * @example
+   */
+  startCalibrationImpulseResponse = async stream => {
+    let desired_time = this.desired_time_per_mls;
+    let checkRec = 'allhz';
+
+    console.log('MLS sequence should be of length: ' + this.sourceSamplingRate * desired_time);
+
+    length = this.sourceSamplingRate * desired_time;
+    //get mls here
+    const calibrateSoundBurstDb = this._calibrateSoundBurstDb;
+    await this.pyServerAPI
+      .getMLSWithRetry({length, calibrateSoundBurstDb})
+      .then(res => {
+        console.log(res);
+        this.#mlsBufferView = res['mls'];
+        this.#mls = res['unscaledMLS'];
+      })
+      .catch(err => {
+        // this.emit('InvertedImpulseResponse', {res: false});
+        console.error(err);
+      });
+    this.numSuccessfulBackgroundCaptured = 0;
+    if (this._calibrateSoundBackgroundSecs > 0) {
+      this.mode = 'background';
+      this.status =
+        `All Hz Calibration: sampling the background noise...`.toString() +
+        this.generateTemplate().toString();
+      this.emit('update', {message: this.status});
+      await this.recordBackground(
+        stream, //stream
+        () => this.numSuccessfulBackgroundCaptured < 1, //loop condition
+        this.#awaitBackgroundNoiseRecording, //sleep to record
+        this.sendBackgroundRecording, //send to get PSD
+        this.mode,
+        checkRec
+      );
+      this.incrementStatusBar();
+    }
+    this.mode = 'unfiltered';
+    this.numSuccessfulCaptured = 0;
+
+    await this.calibrationSteps(
+      stream,
+      this.#playCalibrationAudio, // play audio func (required)
+      this.#createCalibrationNodeFromBuffer(this.#mlsBufferView), // before play func
+      this.#awaitSignalOnset, // before record
+      () => this.numSuccessfulCaptured < this.numCaptures, // loop while true
+      this.#awaitDesiredMLSLength, // during record
+      this.#afterMLSRecord, // after record
+      this.mode,
+      checkRec
+    ),
+      this.#stopCalibrationAudio();
+    checkRec = false;
+
+    // at this stage we've captured all the required signals,
+    // and have received IRs for each one
+    // so let's send all the IRs to the server to be converted to a single IIR
+    await this.sendSystemImpulseResponsesToServerForProcessing();
+    await this.sendComponentImpulseResponsesToServerForProcessing();
+
+    this.numSuccessfulCaptured = 0;
+
+    let iir_ir_and_plots;
+    if (this._calibrateSoundCheck != 'none') {
+      //do single check
+      if (this._calibrateSoundCheck == 'goal' || this._calibrateSoundCheck == 'system') {
+        iir_ir_and_plots = await this.singleSoundCheck(stream);
+      } else {
+        //both
+        iir_ir_and_plots = await this.bothSoundCheck(stream);
+      }
+    } else {
+      let unconv_rec = this.componentInvertedImpulseResponseNoBandpass;
+      let conv_rec = this.componentInvertedImpulseResponse;
+      let component_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+      unconv_rec = this.systemInvertedImpulseResponseNoBandpass;
+      conv_rec = this.systemInvertedImpulseResponse;
+      let system_iir_psd = await this.pyServerAPI
+        .getPSDWithRetry({
+          unconv_rec,
+          conv_rec,
+          sampleRate: this.sourceSamplingRate || 96000,
+        })
+        .then(res => {
+          this.incrementStatusBar();
+          this.status =
+            `All Hz Calibration: done computing the PSD graphs...`.toString() +
+            this.generateTemplate().toString();
+          this.emit('update', {message: this.status});
+          return res;
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+      iir_ir_and_plots = {
+        unfiltered_recording: return_unconv_rec,
+        filtered_recording: return_conv_rec,
+        system: {
+          iir: this.systemInvertedImpulseResponse,
+          ir: this.systemIR,
+          iir_psd: {
+            y: system_iir_psd['y_conv'],
+            x: system_iir_psd['y_conv'],
+            y_no_bandpass: system_iir_psd['y_unconv'],
+            x_no_bandpass: system_iir_psd['x_unconv'],
+          },
+          filtered_recording: [],
+          convolution: this.systemConvolution,
+          psd: {
+            unconv: {
+              x: [],
+              y: [],
+            },
+            conv: {
+              x: [],
+              y: [],
+            },
+          },
+        },
+        component: {
+          iir: this.componentInvertedImpulseResponse,
+          ir: this.componentIR,
+          iir_psd: {
+            y: component_iir_psd['y_conv'],
+            x: component_iir_psd['x_conv'],
+            y_no_bandpass: component_iir_psd['y_unconv'],
+            x_no_bandpass: component_iir_psd['x_unconv'],
+          },
+          convolution: this.componentConvolution,
+          psd: {
+            unconv: {
+              x: [],
+              y: [],
+            },
+            conv: {
+              x: [],
+              y: [],
+            },
+          },
+        },
+        mls: this.#mlsBufferView,
+        autocorrelations: this.autocorrelations,
+        impulseResponses: [],
+      };
+      await Promise.all(this.impulseResponses).then(res => {
+        for (let i = 0; i < res.length; i++) {
+          if (res[i] != undefined) {
+            iir_ir_and_plots['impulseResponses'].push(res[i]);
+          }
+        }
+      });
+
+      if (this.#download) {
+        saveToCSV(this.#mls, 'MLS.csv');
+        saveToCSV(this.componentConvolution, 'python_component_convolution_mls_iir.csv');
+        saveToCSV(this.systemConvolution, 'python_system_convolution_mls_iir.csv');
+        saveToCSV(this.componentInvertedImpulseResponse, 'componentIIR.csv');
+        saveToCSV(this.systemInvertedImpulseResponse, 'systemIIR.csv');
+        for (let i = 0; i < this.autocorrelations.length; i++) {
+          saveToCSV(this.autocorrelations[i], `autocorrelation_${i}`);
+        }
+        const computedIRagain = await Promise.all(this.impulseResponses).then(res => {
+          for (let i = 0; i < res.length; i++) {
+            if (res[i] != undefined) {
+              saveToCSV(res[i], `IR_${i}`);
+            }
+          }
+        });
+      }
+    }
+
+    this.percent_complete = 100;
+
+    this.status = `All Hz Calibration: Finished`.toString() + this.generateTemplate().toString();
+    this.emit('update', {message: this.status});
+
+    //here after calibration we have the component calibration (either loudspeaker or microphone) in the same form as the componentIR
+    //that was used to calibrate
+    // saveToJSON(iir_ir_and_plots);
+    return iir_ir_and_plots;
+  };
+
+  //////////////////////volume
+
+  handleIncomingData = data => {
+    console.log('Received data: ', data);
+    if (data.type === 'soundGainDBSPL') {
+      this.soundGainDBSPL = data.value;
+    } else {
+      throw new Error(`Unknown data type: ${data.type}`);
+    }
+  };
+  createSCurveBuffer = (onSetBool = true) => {
+    const curve = new Float32Array(this.TAPER_SECS * this.sourceSamplingRate + 1);
+    const frequency = 1 / (4 * this.TAPER_SECS);
+    let j = 0;
+    for (let i = 0; i < this.TAPER_SECS * this.sourceSamplingRate + 1; i += 1) {
+      const phase = 2 * Math.PI * frequency * j;
+      const onsetTaper = Math.pow(Math.sin(phase), 2);
+      const offsetTaper = Math.pow(Math.cos(phase), 2);
+      curve[i] = onSetBool ? onsetTaper : offsetTaper;
+      j += 1 / this.sourceSamplingRate;
+    }
+    return curve;
+  };
+
+  #getTruncatedSignal = (left = 3.5, right = 4.5) => {
+    const start = Math.floor(left * this.sourceSamplingRate);
+    const end = Math.floor(right * this.sourceSamplingRate);
+    const result = Array.from(this.getLastVolumeRecordedSignal().slice(start, end));
+    console.log(
+      'Obtaining last 1000 hz recording from #allVolumeRecordings to send for processing'
+    );
+    /**
+     * function to check that capture was properly made
+     * @param {*} list
+     */
+    const checkResult = list => {
+      const setItem = new Set(list);
+      if (setItem.size === 1 && setItem.has(0)) {
+        console.warn(
+          'The last capture failed, all recorded signal is zero',
+          this.getAllVolumeRecordedSignals()
+        );
+      }
+      if (setItem.size === 0) {
+        console.warn('The last capture failed, no recorded signal');
+      }
+    };
+    checkResult(result);
+    return result;
+  };
+
+  /** 
+   * 
+   * 
+    Construct a calibration Node with the calibration parameters and given gain value
+   * @param {*} gainValue
+   * */
+  #createCalibrationToneWithGainValue = gainValue => {
+    const audioContext = this.makeNewSourceAudioContext();
+    const oscilator = audioContext.createOscillator();
+    const gainNode = audioContext.createGain();
+    const taperGainNode = audioContext.createGain();
+    const offsetGainNode = audioContext.createGain();
+    const totalDuration = this.CALIBRATION_TONE_DURATION * 1.2;
+
+    oscilator.frequency.value = this.#CALIBRATION_TONE_FREQUENCY;
+    oscilator.type = this.#CALIBRATION_TONE_TYPE;
+    gainNode.gain.value = gainValue;
+
+    oscilator.connect(gainNode);
+    gainNode.connect(taperGainNode);
+    const onsetCurve = this.createSCurveBuffer();
+    taperGainNode.gain.setValueCurveAtTime(onsetCurve, 0, this.TAPER_SECS);
+    taperGainNode.connect(offsetGainNode);
+    const offsetCurve = this.createSCurveBuffer(false);
+    offsetGainNode.gain.setValueCurveAtTime(
+      offsetCurve,
+      totalDuration - this.TAPER_SECS,
+      this.TAPER_SECS
+    );
+    offsetGainNode.connect(audioContext.destination);
+
+    this.addCalibrationNode(oscilator);
+  };
+
+  /**
+   * Construct a Calibration Node with the calibration parameters.
+   *
+   * @private
+   * @example
+   */
+  #createCalibrationNode = () => {
+    const audioContext = this.makeNewSourceAudioContext();
+    const oscilator = audioContext.createOscillator();
+    const gainNode = audioContext.createGain();
+
+    oscilator.frequency.value = this.#CALIBRATION_TONE_FREQUENCY;
+    oscilator.type = this.#CALIBRATION_TONE_TYPE;
+    gainNode.gain.value = 0.04;
+
+    oscilator.connect(gainNode);
+    gainNode.connect(audioContext.destination);
+
+    this.addCalibrationNode(oscilator);
+  };
+
+  #playCalibrationAudioVolume = async () => {
+    const totalDuration = this.CALIBRATION_TONE_DURATION * 1.2;
+
+    this.calibrationNodes[0].start(0);
+    this.calibrationNodes[0].stop(totalDuration);
+    console.log(`Playing a buffer of ${this.CALIBRATION_TONE_DURATION} seconds of audio`);
+    console.log(`Waiting a total of ${totalDuration} seconds`);
+    await sleep(totalDuration);
+  };
+
+  #sendToServerForProcessing = lCalib => {
+    console.log('Sending data to server');
+    let left = this.calibrateSound1000HzPreSec;
+    let right = this.calibrateSound1000HzPreSec + this.calibrateSound1000HzSec;
+    this.pyServerAPI
+      .getVolumeCalibration({
+        sampleRate: this.sourceSamplingRate,
+        payload: this.#getTruncatedSignal(left, right),
+        lCalib: lCalib,
+      })
+      .then(res => {
+        if (this.outDBSPL === null) {
+          this.incrementStatusBar();
+          this.outDBSPL = res['outDbSPL'];
+          this.outDBSPL1000 = res['outDbSPL1000'];
+          this.THD = res['thd'];
+        }
+      })
+      .catch(err => {
+        console.warn(err);
+      });
+  };
+
+  startCalibrationVolume = async (stream, gainValues, lCalib, componentGainDBSPL) => {
+    const trialIterations = gainValues.length;
+    this.status_denominator += trialIterations;
+    const thdValues = [];
+    const inDBValues = [];
+    let inDB = 0;
+    const outDBSPLValues = [];
+    const outDBSPL1000Values = [];
+    let checkRec = false;
+
+    // do one calibration that will be discarded
+    const soundLevelToDiscard = -60;
+    const gainToDiscard = Math.pow(10, soundLevelToDiscard / 20);
+    this.status =
+      `1000 Hz Calibration: Sound Level ${soundLevelToDiscard} dB`.toString() +
+      this.generateTemplate().toString();
+    //this.emit('update', {message: `1000 Hz Calibration: Sound Level ${soundLevelToDiscard} dB`});
+    this.emit('update', {message: this.status});
+
+    do {
+      // eslint-disable-next-line no-await-in-loop
+      await this.volumeCalibrationSteps(
+        stream,
+        this.#playCalibrationAudioVolume,
+        this.#createCalibrationToneWithGainValue,
+        this.#sendToServerForProcessing,
+        gainToDiscard,
+        lCalib, //todo make this a class parameter
+        checkRec
+      );
+    } while (this.outDBSPL === null);
+    //reset the values
+    //this.incrementStatusBar();
+
+    this.outDBSPL = null;
+    this.outDBSPL = null;
+    this.outDBSPL1000 = null;
+    this.THD = null;
+
+    // run the calibration at different gain values provided by the user
+    for (let i = 0; i < trialIterations; i++) {
+      //convert gain to DB and add to inDB
+      if (i == trialIterations - 1) {
+        checkRec = 'loudest';
+      }
+      inDB = Math.log10(gainValues[i]) * 20;
+      // precision to 1 decimal place
+      inDB = Math.round(inDB * 10) / 10;
+      inDBValues.push(inDB);
+      console.log('next update');
+      this.status =
+        `1000 Hz Calibration: Sound Level ${inDB} dB`.toString() +
+        this.generateTemplate().toString();
+      this.emit('update', {message: this.status});
+      do {
+        // eslint-disable-next-line no-await-in-loop
+        await this.volumeCalibrationSteps(
+          stream,
+          this.#playCalibrationAudioVolume,
+          this.#createCalibrationToneWithGainValue,
+          this.#sendToServerForProcessing,
+          gainValues[i],
+          lCalib, //todo make this a class parameter
+          checkRec
+        );
+      } while (this.outDBSPL === null);
+      outDBSPL1000Values.push(this.outDBSPL1000);
+      thdValues.push(this.THD);
+      outDBSPLValues.push(this.outDBSPL);
+
+      this.outDBSPL = null;
+      this.outDBSPL1000 = null;
+      this.THD = null;
+    }
+
+    // get the volume calibration parameters from the server
+    const parameters = await this.pyServerAPI
+      .getVolumeCalibrationParameters({
+        inDBValues: inDBValues,
+        outDBSPLValues: outDBSPL1000Values,
+        lCalib: lCalib,
+        componentGainDBSPL,
+      })
+      .then(res => {
+        this.incrementStatusBar();
+        return res;
+      });
+    const result = {
+      parameters: parameters,
+      inDBValues: inDBValues,
+      outDBSPLValues: outDBSPLValues,
+      outDBSPL1000Values: outDBSPL1000Values,
+      thdValues: thdValues,
+    };
+
+    return result;
+  };
+
+  // function to write frq and gain to firebase database given speakerID
+  writeFrqGain = async (speakerID, frq, gain, OEM) => {
+    // freq and gain are too large to take samples 1 in every 100 samples
+
+    const sampledFrq = [];
+    const sampledGain = [];
+    for (let i = 0; i < frq.length; i += 100) {
+      sampledFrq.push(frq[i]);
+      sampledGain.push(gain[i]);
+    }
+
+    const data = {Freq: sampledFrq, Gain: sampledGain};
+
+    await set(ref(database, `Microphone2/${OEM}/${speakerID}/linear`), data);
+  };
+
+  // Function to Read frq and gain from firebase database given speakerID
+  // returns an array of frq and gain if speakerID exists, returns null otherwise
+
+  readFrqGain = async (speakerID, OEM) => {
+    const dbRef = ref(database);
+    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/linear`));
+    if (snapshot.exists()) {
+      return snapshot.val();
+    }
+    return null;
+  };
+
+  readGainat1000Hz = async (speakerID, OEM) => {
+    const dbRef = ref(database);
+    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/Gain1000`));
+    if (snapshot.exists()) {
+      return snapshot.val();
+    }
+    return null;
+  };
+
+  writeGainat1000Hz = async (speakerID, gain, OEM) => {
+    const data = {Gain: gain};
+    await set(ref(database, `Microphone2/${OEM}/${speakerID}/Gain1000`), gain);
+  };
+
+  writeIsSmartPhone = async (speakerID, isSmartPhone, OEM) => {
+    const data = {isSmartPhone: isSmartPhone};
+    await set(ref(database, `Microphone2/${OEM}/${speakerID}/isSmartPhone`), isSmartPhone);
+  };
+
+  doesMicrophoneExist = async (speakerID, OEM) => {
+    const dbRef = ref(database);
+    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}`));
+    if (snapshot.exists()) {
+      return true;
+    }
+    return false;
+  };
+
+  addMicrophoneInfo = async (speakerID, OEM, micInfo) => {
+    // add to database if /info does not exist
+    const dbRef = ref(database);
+    const snapshot = await get(child(dbRef, `Microphone2/${OEM}/${speakerID}/info`));
+    if (!snapshot.exists()) {
+      await set(ref(database, `Microphone2/${OEM}/${speakerID}/info`), micInfo);
+    }
+  };
+
+  convertToDB = gain => {
+    return Math.log10(gain) * 20;
+  };
+
+  // Function to perform linear interpolation between two points
+  interpolate(x, x0, y0, x1, y1) {
+    return y0 + ((x - x0) * (y1 - y0)) / (x1 - x0);
+  }
+
+  findGainatFrequency = (frequencies, gains, targetFrequency) => {
+    // Find the index of the first frequency in the array greater than the target frequency
+    let index = 0;
+    while (index < frequencies.length && frequencies[index] < targetFrequency) {
+      index++;
+    }
+
+    // Handle cases when the target frequency is outside the range of the given data
+    if (index === 0) {
+      return gains[0];
+    } else if (index === frequencies.length) {
+      return gains[gains.length - 1];
+    } else {
+      // Interpolate the gain based on the surrounding frequencies
+      const x0 = frequencies[index - 1];
+      const y0 = gains[index - 1];
+      const x1 = frequencies[index];
+      const y1 = gains[index];
+      return this.interpolate(targetFrequency, x0, y0, x1, y1);
+    }
+  };
+
+  // Example of how to use the writeFrqGain and readFrqGain functions
+  // writeFrqGain('speaker1', [1, 2, 3], [4, 5, 6]);
+  // Speaker1 is the speakerID  you want to write to in the database
+  // readFrqGain('MiniDSPUMIK_1').then(data => console.log(data));
+  // MiniDSPUMIK_1 is the speakerID with some Data in the database
+  //adding gainDBSPL
+  startCalibration = async (
+    stream,
+    gainValues,
+    lCalib = 104.92978421490648,
+    componentIR = null,
+    microphoneName = 'MiniDSP-UMIK1-711-4754-vertical',
+    _calibrateSoundCheck = 'goal', //GOAL PASSed in by default
+    isSmartPhone = false,
+    _calibrateSoundBurstDb = 0.33,
+    _calibrateSoundBurstRepeats = 3,
+    _calibrateSoundBurstSec = 1,
+    _calibrateSoundBurstsWarmup = 1,
+    _calibrateSoundHz = 48000,
+    _calibrateSoundIIRSec = 0.2,
+    calibrateSound1000HzPreSec = 3.5,
+    calibrateSound1000HzSec = 1.0,
+    calibrateSound1000HzPostSec = 0.5,
+    _calibrateSoundBackgroundSecs = 0,
+    micManufacturer = '',
+    micSerialNumber = '',
+    micModelNumber = '',
+    micModelName = ''
+  ) => {
+    this._calibrateSoundBurstDb = _calibrateSoundBurstDb;
+    this.CALIBRATION_TONE_DURATION =
+      calibrateSound1000HzPreSec + calibrateSound1000HzSec + calibrateSound1000HzPostSec;
+    this.calibrateSound1000HzPreSec = calibrateSound1000HzPreSec;
+    this.calibrateSound1000HzSec = calibrateSound1000HzSec;
+    this.calibrateSound1000HzPostSec = calibrateSound1000HzPostSec;
+    this.iirLength = Math.floor(_calibrateSoundIIRSec * this.sourceSamplingRate);
+    console.log('device info:', this.deviceInfo);
+    this.numMLSPerCapture = _calibrateSoundBurstRepeats;
+    this.desired_time_per_mls = _calibrateSoundBurstSec;
+    this.num_mls_to_skip = _calibrateSoundBurstsWarmup;
+    this.desired_sampling_rate = _calibrateSoundHz;
+    this._calibrateSoundBackgroundSecs = _calibrateSoundBackgroundSecs;
+
+    if (isSmartPhone) {
+      micModelName = this.deviceInfo.deviceInfoFromUser.modelName;
+      micModelNumber = this.deviceInfo.deviceInfoFromUser.modelNumber;
+    }
+
+    //feed calibration goal here
+    this._calibrateSoundCheck = _calibrateSoundCheck;
+    //check if a componentIR was given to the system, if it isn't check for the microphone. using dummy data here bc we need to
+    //check the db based on the microphone currently connected
+
+    //new lCalib found at top of calibration files *1000hz, make sure to correct
+    //based on zeroing of 1000hz, search for "*1000Hz"
+    const ID = isSmartPhone ? micModelNumber : micSerialNumber;
+    const OEM = isSmartPhone ? this.deviceInfo.OEM : micManufacturer;
+    // const ID = "711-4754";
+    // const OEM = "MiniDSP";
+    const micInfo = {
+      micModelName: isSmartPhone ? micModelName : microphoneName,
+      OEM: OEM,
+      ID: ID,
+      HardwareName: isSmartPhone ? this.deviceInfo.hardwarename : microphoneName,
+      hardwareFamily: isSmartPhone ? this.deviceInfo.hardwarefamily : microphoneName,
+      HardwareModel: isSmartPhone ? this.deviceInfo.hardwaremodel : microphoneName,
+      PlatformName: isSmartPhone ? this.deviceInfo.platformname : 'N/A',
+      PlatformVersion: isSmartPhone ? this.deviceInfo.platformversion : 'N/A',
+      DeviceType: isSmartPhone ? this.deviceInfo.devicetype : 'N/A',
+    };
+    // if undefined in micInfo, set to empty string
+    for (const [key, value] of Object.entries(micInfo)) {
+      if (value === undefined) {
+        micInfo[key] = '';
+      }
+    }
+
+    this.addMicrophoneInfo(ID, OEM, micInfo);
+    if (componentIR == null) {
+      //mode 'ir'
+      //global variable this.componentIR must be set
+      this.componentIR = await this.readFrqGain(ID, OEM).then(data => {
+        return data;
+      });
+
+      lCalib = await this.readGainat1000Hz(ID, OEM);
+      micInfo['gainDBSPL'] = lCalib;
+      // this.componentGainDBSPL = this.convertToDB(lCalib);
+      this.componentGainDBSPL = lCalib;
+      //TODO: if this call to database is unknown, cannot perform experiment => return false
+      if (this.componentIR == null) {
+        this.status =
+          `Microphone (${OEM},${ID}) is not found in the database. Please add it to the database.`.toString();
+        this.emit('update', {message: this.status});
+        return false;
+      }
+    } else {
+      this.componentIR = componentIR;
+      lCalib = this.findGainatFrequency(this.componentIR.Freq, this.componentIR.Gain, 1000);
+      // this.componentGainDBSPL = this.convertToDB(lCalib);
+      this.componentGainDBSPL = lCalib;
+      await this.writeIsSmartPhone(ID, isSmartPhone, OEM);
+    }
+
+    this.oldComponentIR = this.componentIR;
+
+    let volumeResults = await this.startCalibrationVolume(
+      stream,
+      gainValues,
+      lCalib,
+      this.componentGainDBSPL
+    );
+
+    let impulseResponseResults = await this.startCalibrationImpulseResponse(stream);
+    impulseResponseResults['background_noise'] = this.background_noise;
+    if (componentIR != null) {
+      //insert Freq and Gain from this.componentIR into db
+      await this.writeFrqGain(
+        ID,
+        impulseResponseResults.componentIR.Freq,
+        impulseResponseResults.componentIR.Gain,
+        OEM
+      );
+      micInfo['gainDBSPL'] = impulseResponseResults.parameters.gainDBSPL;
+      await this.writeGainat1000Hz(ID, micInfo['gainDBSPL'], OEM);
+    }
+
+    const total_results = {...volumeResults, ...impulseResponseResults};
+    total_results['filteredMLSRange'] = this.filteredMLSRange;
+    total_results['micInfo'] = micInfo;
+    total_results['audioInfo'] = {};
+    total_results['audioInfo']['sinkSampleRate'] = this.sinkSamplingRate;
+    total_results['audioInfo']['sourceSampleRate'] = this.sourceSamplingRate;
+    total_results['audioInfo']['bitsPerSample'] = this.sampleSize;
+
+    console.log('total results');
+    console.log(total_results);
+    return total_results;
+  };
+}
+
+export default Combination;