speaker-calibration 2.2.250 → 2.2.252

package/dist/phonePeer.js

@@ -36,7 +36,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PhonePeer: function() { return /* binding */ PhonePeer; }\n/* harmony export */ });\n/* harmony import */ var _dist_example_i18n_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../dist/example/i18n.js */ \"./dist/example/i18n.js\");\n/* harmony import */ var _peer_connection_listener_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../peer-connection/listener.js */ \"./src/peer-connection/listener.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\nclass PhonePeer {\n  constructor() {\n    var _this = this;\n    _defineProperty(this, \"register\", manager => {\n      this.connectionManager = manager;\n    });\n    _defineProperty(this, \"onMessage\", (data, manager) => {\n      if (!data || !data.message) return;\n      switch (data.message) {\n        case 'connectionParams':\n          console.log('connectionParams', data.payload);\n          this.handleConnectionParams(data.payload);\n          break;\n        case 'phrases':\n          console.log('phrases', data.payload);\n          this.handlePhrases(data.payload);\n          break;\n      }\n    });\n    _defineProperty(this, \"handleConnectionParams\", async payload => {\n      this.isSmartPhone = payload.sp;\n      this.listenerParameters.speakerPeerId = payload.speakerPeerId;\n      this.listenerParameters.hz = payload.hz;\n      this.listenerParameters.bits = payload.bits;\n      this.listenerParameters.lang = payload.lang;\n      this.listenerParameters.deviceId = payload.deviceId;\n      this.listenerParameters.sp = payload.sp;\n      this.listenerParameters.microphoneDeviceId = payload.deviceId;\n      this.handleStartCalibration();\n    });\n    _defineProperty(this, \"handlePhrases\", payload => {\n      this.phrases = payload;\n    });\n    _defineProperty(this, \"createUI\", () => {\n      const container = document.createElement('div');\n      container.id = 'listenerContainer';\n      container.className = 'container';\n      container.innerHTML = \"\\n      <p id=\\\"turnMeToReadBelow\\\"></p>\\n      <div id=\\\"updateDisplay\\\">\\n        <h1 id=\\\"recordingInProgress\\\"></h1>\\n        <p id=\\\"allowMicrophone\\\"></p>\\n        <button id=\\\"calibrationBeginButton\\\" class=\\\"btn btn-success\\\">Proceed</button>\\n      </div>\\n      <div id=\\\"display\\\"></div>\\n      <div id=\\\"message\\\"></div>\\n      <div id=\\\"phrases\\\"></div>\\n    \";\n      const target = document.getElementById('target');\n      if (target) {\n        console.log('target found');\n        //clear the target\n        target.innerHTML = '';\n        target.appendChild(container);\n      } else {\n        console.log('target not found');\n        //create a new target\n        const newTarget = document.createElement('div');\n        newTarget.id = 'target';\n        document.body.appendChild(newTarget);\n        newTarget.appendChild(container);\n      }\n      console.log('UI created');\n    });\n    _defineProperty(this, \"handleStartCalibration\", async () => {\n      this.createUI();\n      if (this.isSmartPhone) {\n        await this.initializeSmartPhoneMode();\n      } else {\n        await this.initializeDesktopMode();\n      }\n    });\n    _defineProperty(this, \"initializeListener\", async () => {\n      this.listener = new _peer_connection_listener_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.listenerParameters);\n      this.listener.connectionManager = this.connectionManager;\n    });\n    _defineProperty(this, \"waitForConnection\", async function () {\n      let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30000;\n      const startTime = Date.now();\n      while (Date.now() - startTime < timeout) {\n        if (_this.listener.connectionManager.peer.id !== null && _this.listener.connectionManager.conn !== null && _this.listener.connectionManager.connOpen) {\n          console.log('Connection established successfully');\n          return true;\n        }\n        console.log('Waiting for connection setup...');\n        await new Promise(resolve => setTimeout(resolve, 100));\n      }\n      console.error('Connection setup timed out after 30 seconds');\n      return false;\n    });\n    _defineProperty(this, \"initializeSmartPhoneMode\", async () => {\n      // Hide target element\n      const targetElement = document.getElementById('display');\n      targetElement.style.display = 'none';\n\n      // Initialize listener\n      await this.initializeListener();\n      if (await this.waitForConnection()) {\n        await this.checkAndRequestMicrophonePermission();\n      } else {\n        const allowMicrophoneElement = document.getElementById('allowMicrophone');\n        allowMicrophoneElement.innerText = this.phrases.RC_microphonePermissionDenied['en-US'];\n        this.listener.sendPermissionStatus({\n          type: 'error',\n          error: 'Connection setup timed out after 30 seconds'\n        });\n      }\n    });\n    _defineProperty(this, \"checkAndRequestMicrophonePermission\", async () => {\n      const container = document.getElementById('listenerContainer');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n\n      // Show permission request message\n      allowMicrophoneElement.innerText = this.phrases.RC_microphonePermission['en-US'];\n      container.style.display = 'block';\n\n      // Function to request microphone access\n      const requestMicAccess = async function () {\n        let attempt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;\n        try {\n          await navigator.mediaDevices.getUserMedia({\n            audio: true\n          });\n          // Permission granted, proceed to normal flow\n          _this.initializeSmartPhoneDisplay();\n        } catch (err) {\n          if (err.name === 'NotAllowedError') {\n            console.log('Permission explicitly denied');\n            // Permission explicitly denied\n            allowMicrophoneElement.innerText = _this.phrases.RC_microphonePermissionDenied['en-US'];\n            // Send denied status and end study\n            let error = JSON.stringify(err);\n            _this.listener.sendPermissionStatus({\n              type: 'denied',\n              error: error\n            });\n            return;\n          }\n\n          // If 10 seconds passed, try again\n          if (attempt < 3) {\n            console.log('Retrying microphone access');\n            // Limit retries\n            setTimeout(() => requestMicAccess(attempt + 1), 10000);\n          } else {\n            console.log('All retries failed, treating as denied');\n            // After all retries failed, treat as denied\n            allowMicrophoneElement.innerText = _this.phrases.RC_microphonePermissionDenied['en-US'];\n            let error = JSON.stringify(err);\n            _this.listener.sendPermissionStatus({\n              type: 'error',\n              error: error\n            });\n          }\n        }\n      };\n      try {\n        await requestMicAccess();\n      } catch (err) {\n        console.error('Error requesting microphone permission:', err);\n        allowMicrophoneElement.innerText = this.phrases.RC_microphonePermissionDenied['en-US'];\n        let error = JSON.stringify(err);\n        this.listener.sendPermissionStatus({\n          type: 'error',\n          error: error\n        });\n      }\n    });\n    _defineProperty(this, \"initializeSmartPhoneDisplay\", () => {\n      const container = document.getElementById('listenerContainer');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const turnMessageElement = document.getElementById('turnMeToReadBelow');\n      const placeSmartphoneMicrophone = this.phrases.RC_placeSmartphoneMicrophone['en-US'];\n      const turnMeToReadBelow = this.phrases.RC_turnMeToReadBelow['en-US'];\n      allowMicrophoneElement.innerText = placeSmartphoneMicrophone;\n      allowMicrophoneElement.style.lineHeight = '1.2rem';\n      allowMicrophoneElement.style.fontSize = '14px';\n      turnMessageElement.innerText = turnMeToReadBelow;\n      turnMessageElement.style.fontSize = '14px';\n      turnMessageElement.style.position = 'fixed';\n      turnMessageElement.style.top = '20px';\n      turnMessageElement.style.left = '20px';\n      turnMessageElement.style.lineHeight = '1.2rem';\n      turnMessageElement.style.textAlign = 'left';\n\n      // Show the html upsidedown and adjust layout\n      const phrasesContainer = document.getElementById('phrases');\n      phrasesContainer.classList.add('phrases');\n\n      // Hide all elements except what's needed for calibration\n      const html = document.querySelector('html');\n      html.style.overflow = 'hidden';\n\n      // Adjust the display container\n      const display = document.getElementById('updateDisplay');\n      display.classList.add('updateDisplay');\n      display.style.position = 'absolute';\n      display.style.top = '70%';\n      display.style.left = '50%';\n      display.style.transform = 'translate(-50%, -50%) rotate(180deg)';\n      display.style.width = '100%';\n      display.style.textAlign = 'left';\n      display.style.padding = '15px';\n      container.style.display = 'block';\n\n      // event listener for id calibrationBeginButton\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      console.log('Waiting for proceed button click');\n      calibrationBeginButton.addEventListener('click', async () => {\n        console.log('Proceed button clicked');\n        this.handleCalibrationButtonClick();\n      });\n    });\n    _defineProperty(this, \"handleCalibrationButtonClick\", async () => {\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      const turnMessageElement = document.getElementById('turnMeToReadBelow');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const container = document.getElementById('listenerContainer');\n      const targetElement = document.getElementById('display');\n\n      // Clear unnecessary elements\n      calibrationBeginButton.remove();\n      turnMessageElement.remove();\n\n      // Create a header container for fixed elements\n      const headerContainer = document.createElement('div');\n      headerContainer.id = 'headerContainer';\n      headerContainer.style.position = 'fixed';\n      headerContainer.style.bottom = '0';\n      headerContainer.style.left = '0';\n      headerContainer.style.width = '100%';\n      headerContainer.style.background = 'white';\n      headerContainer.style.padding = '10px';\n      headerContainer.style.zIndex = '1000';\n      headerContainer.style.transform = 'rotate(180deg)';\n      container.appendChild(headerContainer);\n\n      // Set title based on screen width\n      const title = document.createElement('h1');\n      const titleText = window.innerWidth >= 1366 ? this.phrases.RC_soundRecording['en-US'] : this.phrases.RC_soundRecordingSmallScreen['en-US'];\n\n      // Split small screen title into lines if needed\n      if (window.innerWidth < 1366 && titleText.includes('\\n')) {\n        const lines = titleText.split('\\n');\n\n        // Create container for title lines\n        const titleContainer = document.createElement('div');\n        titleContainer.style.display = 'flex';\n        titleContainer.style.flexDirection = 'column';\n        titleContainer.style.alignItems = 'left';\n        titleContainer.style.lineHeight = '1.2';\n\n        // Add each line\n        lines.forEach(line => {\n          const lineDiv = document.createElement('p');\n          lineDiv.textContent = line;\n          lineDiv.style.width = 'fit-content';\n          titleContainer.appendChild(lineDiv);\n        });\n        title.appendChild(titleContainer);\n      } else {\n        title.textContent = titleText;\n        title.style.lineHeight = '1.2';\n      }\n      title.style.margin = '0';\n      title.style.whiteSpace = 'pre-line'; // Preserve line breaks\n      headerContainer.appendChild(title);\n\n      // Function to adjust font size to fill width\n      const adjustFontSize = (element, maxWidth) => {\n        let fontSize = 20; // Start with a reasonable minimum size\n        element.style.fontSize = fontSize + 'px';\n        // Increase font size until text fills width (minus margins)\n        while (element.scrollWidth < maxWidth - 40 && fontSize < 200) {\n          fontSize++;\n          element.style.fontSize = fontSize + 'px';\n        }\n\n        // Step back one to ensure we don't overflow\n        fontSize--;\n        element.style.fontSize = fontSize + 'px';\n        return fontSize;\n      };\n\n      // For small screen, ensure all lines use same font size\n      if (window.innerWidth < 1366 && titleText.includes('\\n')) {\n        const lines = title.querySelectorAll('p');\n        let minFontSize = Infinity;\n\n        // First pass: find the smallest font size that fits for any line\n        lines.forEach(line => {\n          const fontSize = adjustFontSize(line, window.innerWidth);\n          minFontSize = Math.min(minFontSize, fontSize);\n        });\n\n        // Second pass: apply the smallest font size to all lines\n        lines.forEach(line => {\n          line.style.fontSize = minFontSize + 'px';\n        });\n      } else {\n        // For single line title, just adjust to fill width\n        adjustFontSize(title, window.innerWidth);\n      }\n\n      // Get the header height after text is added and sized\n      const headerHeight = headerContainer.getBoundingClientRect().height;\n\n      // Adjust the display container to start after header\n      const display = document.getElementById('updateDisplay');\n      display.classList.add('updateDisplay');\n      display.style.position = 'fixed';\n      display.style.bottom = \"\".concat(headerHeight, \"px\"); // Start after header\n      display.style.left = '0';\n      display.style.right = '0';\n      display.style.top = '0';\n      display.style.transform = 'rotate(180deg)';\n      display.style.overflowY = 'auto';\n      display.style.padding = '20px';\n      display.style.background = 'white';\n\n      // Position microphone instruction at the top (appears at bottom due to rotation)\n      allowMicrophoneElement.innerText = '';\n      allowMicrophoneElement.style.position = 'fixed';\n      allowMicrophoneElement.style.top = '20px';\n      allowMicrophoneElement.style.left = '50%';\n      allowMicrophoneElement.style.transform = 'translateX(-50%) rotate(180deg)';\n      allowMicrophoneElement.style.width = '90%';\n      allowMicrophoneElement.style.textAlign = 'left';\n      allowMicrophoneElement.style.zIndex = '1000';\n      let lock = null;\n      try {\n        if ('wakeLock' in navigator) {\n          lock = await navigator.wakeLock.request('screen');\n        }\n      } catch (err) {\n        console.log(err);\n      }\n      this.setupMicrophone();\n\n      // show target element\n      targetElement.style.display = 'block';\n      await this.listener.startCalibration();\n      if (lock) {\n        lock.release();\n      }\n    });\n    _defineProperty(this, \"setupMicrophone\", async () => {\n      const webAudioDeviceNames = {\n        microphone: '',\n        deviceID: ''\n      };\n      const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({\n          audio: true\n        });\n        if (stream) {\n          const devices = await navigator.mediaDevices.enumerateDevices();\n          const mics = devices.filter(device => device.kind === 'audioinput');\n          mics.forEach(mic => {\n            if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {\n              webAudioDeviceNames.microphone = mic.label;\n              webAudioDeviceNames.deviceID = mic.deviceId;\n            }\n          });\n          if (webAudioDeviceNames.microphone === '') {\n            webAudioDeviceNames.microphone = mics[0].label;\n            webAudioDeviceNames.deviceID = mics[0].deviceId;\n          }\n        }\n      } catch (err) {\n        console.log(err);\n      }\n      this.listener.setMicrophoneFromAPI(webAudioDeviceNames.microphone);\n      this.listener.setMicrophoneDeviceId(webAudioDeviceNames.microphone);\n    });\n    _defineProperty(this, \"initializeDesktopMode\", async () => {\n      await this.initializeListener();\n      if (await this.waitForConnection()) {\n        await this.setupDesktopUI();\n      } else {\n        console.error('Connection setup timed out after 30 seconds');\n      }\n    });\n    _defineProperty(this, \"setupDesktopUI\", async () => {\n      const container = document.getElementById('listenerContainer');\n      const recordingInProgressElement = document.getElementById('recordingInProgress');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const recordingInProgress = this.phrases.RC_soundRecording['en-US'];\n      const backToExperimentWindow = this.phrases.RC_backToExperimentWindow['en-US'];\n      const allowMicrophone = this.phrases.RC_allowMicrophoneUse['en-US'];\n\n      // remove the button\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      calibrationBeginButton.remove();\n      container.style.display = 'block';\n\n      //update the display to be\n      const display = document.getElementById('display');\n      if (display) {\n        display.style.textAlign = 'left';\n        display.style.fontSize = '11px';\n      }\n\n      // set the text of the html elements\n      recordingInProgressElement.innerText = recordingInProgress;\n      allowMicrophoneElement.innerText = allowMicrophone;\n      allowMicrophoneElement.style.marginBottom = '0.5rem';\n      allowMicrophoneElement.style.fontSize = '17px';\n      recordingInProgressElement.style.whiteSpace = 'nowrap';\n      recordingInProgressElement.style.fontWeight = 'bold';\n\n      // fit content\n      recordingInProgressElement.style.width = 'fit-content';\n      let fontSize = 100;\n      recordingInProgressElement.style.fontSize = fontSize + 'px';\n      while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {\n        fontSize--;\n        recordingInProgressElement.style.fontSize = fontSize + 'px';\n      }\n      const message = document.getElementById('message');\n      message.style.lineHeight = '2.5rem';\n      const p = document.createElement('p');\n      p.innerText = backToExperimentWindow;\n      p.style.fontSize = '17px';\n      message.appendChild(p);\n      await this.listener.startCalibration();\n    });\n    this.phrases = _dist_example_i18n_js__WEBPACK_IMPORTED_MODULE_0__.phrases;\n    this.name = 'SoundCalibration';\n    this.listenerParameters = {\n      targetElementId: 'display',\n      microphoneFromAPI: '',\n      microphoneDeviceId: ''\n    };\n    this.listener = null;\n    this.connectionManager = null;\n  }\n}\nasync function main() {\n  const pp = new PhonePeer();\n  if (window.phoneApp) {\n    window.phoneApp.registerSubmodule(pp);\n  } else {\n    console.log('PhoneApp not found');\n  }\n}\nmain().catch(err => console.error(err));\n\n//# sourceURL=webpack://speakerCalibrator/./src/listener-app/PhonePeer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PhonePeer: function() { return /* binding */ PhonePeer; }\n/* harmony export */ });\n/* harmony import */ var _dist_example_i18n_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../dist/example/i18n.js */ \"./dist/example/i18n.js\");\n/* harmony import */ var _peer_connection_listener_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../peer-connection/listener.js */ \"./src/peer-connection/listener.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\nclass PhonePeer {\n  constructor() {\n    var _this = this;\n    _defineProperty(this, \"register\", manager => {\n      this.connectionManager = manager;\n    });\n    _defineProperty(this, \"onMessage\", (data, manager) => {\n      if (!data || !data.message) return;\n      switch (data.message) {\n        case 'connectionParams':\n          console.log('connectionParams', data.payload);\n          this.handleConnectionParams(data.payload);\n          break;\n        case 'phrases':\n          console.log('phrases', data.payload);\n          this.handlePhrases(data.payload);\n          break;\n      }\n    });\n    _defineProperty(this, \"handleConnectionParams\", async payload => {\n      this.isSmartPhone = payload.sp;\n      this.listenerParameters.speakerPeerId = payload.speakerPeerId;\n      this.listenerParameters.hz = payload.hz;\n      this.listenerParameters.bits = payload.bits;\n      this.listenerParameters.lang = payload.lang;\n      this.listenerParameters.deviceId = payload.deviceId;\n      this.listenerParameters.sp = payload.sp;\n      this.listenerParameters.microphoneDeviceId = payload.deviceId;\n      this.handleStartCalibration();\n    });\n    _defineProperty(this, \"handlePhrases\", payload => {\n      this.phrases = payload;\n    });\n    _defineProperty(this, \"createUI\", () => {\n      const container = document.createElement('div');\n      container.id = 'listenerContainer';\n      container.className = 'container';\n      container.innerHTML = \"\\n      <p id=\\\"turnMeToReadBelow\\\"></p>\\n      <div id=\\\"updateDisplay\\\">\\n        <h1 id=\\\"recordingInProgress\\\"></h1>\\n        <p id=\\\"allowMicrophone\\\"></p>\\n        <button id=\\\"calibrationBeginButton\\\" class=\\\"btn btn-success\\\">Proceed</button>\\n      </div>\\n      <div id=\\\"display\\\"></div>\\n      <div id=\\\"message\\\"></div>\\n      <div id=\\\"phrases\\\"></div>\\n    \";\n      const target = document.getElementById('target');\n      if (target) {\n        console.log('target found');\n        //clear the target\n        target.innerHTML = '';\n        target.appendChild(container);\n      } else {\n        console.log('target not found');\n        //create a new target\n        const newTarget = document.createElement('div');\n        newTarget.id = 'target';\n        document.body.appendChild(newTarget);\n        newTarget.appendChild(container);\n      }\n      console.log('UI created');\n    });\n    _defineProperty(this, \"handleStartCalibration\", async () => {\n      this.createUI();\n      if (this.isSmartPhone) {\n        await this.initializeSmartPhoneMode();\n      } else {\n        await this.initializeDesktopMode();\n      }\n    });\n    _defineProperty(this, \"initializeListener\", async () => {\n      this.listener = new _peer_connection_listener_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"](this.listenerParameters);\n      this.listener.connectionManager = this.connectionManager;\n    });\n    _defineProperty(this, \"waitForConnection\", async function () {\n      let timeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30000;\n      const startTime = Date.now();\n      while (Date.now() - startTime < timeout) {\n        if (_this.listener.connectionManager.peer.id !== null && _this.listener.connectionManager.conn !== null && _this.listener.connectionManager.connOpen) {\n          console.log('Connection established successfully');\n          return true;\n        }\n        console.log('Waiting for connection setup...');\n        await new Promise(resolve => setTimeout(resolve, 100));\n      }\n      console.error('Connection setup timed out after 30 seconds');\n      return false;\n    });\n    _defineProperty(this, \"initializeSmartPhoneMode\", async () => {\n      // Hide target element\n      const targetElement = document.getElementById('display');\n      targetElement.style.display = 'none';\n\n      // Initialize listener\n      await this.initializeListener();\n      if (await this.waitForConnection()) {\n        await this.checkAndRequestMicrophonePermission();\n      } else {\n        const allowMicrophoneElement = document.getElementById('allowMicrophone');\n        allowMicrophoneElement.innerText = this.phrases.RC_microphonePermissionDenied['en-US'];\n        this.listener.sendPermissionStatus({\n          type: 'error',\n          error: 'Connection setup timed out after 30 seconds'\n        });\n      }\n    });\n    _defineProperty(this, \"checkAndRequestMicrophonePermission\", async () => {\n      const container = document.getElementById('listenerContainer');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n\n      // Show permission request message\n      allowMicrophoneElement.innerText = this.phrases.RC_microphonePermission['en-US'];\n      container.style.display = 'block';\n\n      // Function to request microphone access\n      const requestMicAccess = async function () {\n        let attempt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;\n        try {\n          await navigator.mediaDevices.getUserMedia({\n            audio: true\n          });\n          // Permission granted, proceed to normal flow\n          _this.initializeSmartPhoneDisplay();\n        } catch (err) {\n          if (err.name === 'NotAllowedError') {\n            console.log('Permission explicitly denied');\n            // Permission explicitly denied\n            allowMicrophoneElement.innerText = _this.phrases.RC_microphonePermissionDenied['en-US'];\n            // Send denied status and end study\n            let error = JSON.stringify(err);\n            _this.listener.sendPermissionStatus({\n              type: 'denied',\n              error: error\n            });\n            return;\n          }\n\n          // If 10 seconds passed, try again\n          if (attempt < 3) {\n            console.log('Retrying microphone access');\n            // Limit retries\n            setTimeout(() => requestMicAccess(attempt + 1), 10000);\n          } else {\n            console.log('All retries failed, treating as denied');\n            // After all retries failed, treat as denied\n            allowMicrophoneElement.innerText = _this.phrases.RC_microphonePermissionDenied['en-US'];\n            let error = JSON.stringify(err);\n            _this.listener.sendPermissionStatus({\n              type: 'error',\n              error: error\n            });\n          }\n        }\n      };\n      try {\n        await requestMicAccess();\n      } catch (err) {\n        console.error('Error requesting microphone permission:', err);\n        allowMicrophoneElement.innerText = this.phrases.RC_microphonePermissionDenied['en-US'];\n        let error = JSON.stringify(err);\n        this.listener.sendPermissionStatus({\n          type: 'error',\n          error: error\n        });\n      }\n    });\n    _defineProperty(this, \"initializeSmartPhoneDisplay\", () => {\n      const container = document.getElementById('listenerContainer');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const turnMessageElement = document.getElementById('turnMeToReadBelow');\n      const placeSmartphoneMicrophone = this.phrases.RC_placeSmartphoneMicrophone['en-US'];\n      const turnMeToReadBelow = this.phrases.RC_turnMeToReadBelow['en-US'];\n      allowMicrophoneElement.innerText = placeSmartphoneMicrophone;\n      allowMicrophoneElement.style.lineHeight = '1.2rem';\n      allowMicrophoneElement.style.fontSize = '14px';\n      turnMessageElement.innerText = turnMeToReadBelow;\n      turnMessageElement.style.fontSize = '14px';\n      turnMessageElement.style.position = 'fixed';\n      turnMessageElement.style.top = '20px';\n      turnMessageElement.style.left = '20px';\n      turnMessageElement.style.lineHeight = '1.2rem';\n      turnMessageElement.style.textAlign = 'left';\n\n      // Show the html upsidedown and adjust layout\n      const phrasesContainer = document.getElementById('phrases');\n      phrasesContainer.classList.add('phrases');\n\n      // Hide all elements except what's needed for calibration\n      const html = document.querySelector('html');\n      html.style.overflow = 'hidden';\n\n      // Adjust the display container\n      const display = document.getElementById('updateDisplay');\n      display.classList.add('updateDisplay');\n      display.style.position = 'absolute';\n      display.style.top = '70%';\n      display.style.left = '50%';\n      display.style.transform = 'translate(-50%, -50%) rotate(180deg)';\n      display.style.width = '100%';\n      display.style.textAlign = 'left';\n      display.style.padding = '15px';\n      container.style.display = 'block';\n\n      // event listener for id calibrationBeginButton\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      console.log('Waiting for proceed button click');\n      calibrationBeginButton.addEventListener('click', async () => {\n        console.log('Proceed button clicked');\n        this.handleCalibrationButtonClick();\n      });\n    });\n    _defineProperty(this, \"handleCalibrationButtonClick\", async () => {\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      const turnMessageElement = document.getElementById('turnMeToReadBelow');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const container = document.getElementById('listenerContainer');\n      const targetElement = document.getElementById('display');\n\n      // Clear unnecessary elements\n      calibrationBeginButton.remove();\n      turnMessageElement.remove();\n\n      // Create a header container for fixed elements\n      const headerContainer = document.createElement('div');\n      headerContainer.id = 'headerContainer';\n      headerContainer.style.position = 'fixed';\n      headerContainer.style.bottom = '0';\n      headerContainer.style.left = '0';\n      headerContainer.style.width = '100%';\n      headerContainer.style.background = 'white';\n      headerContainer.style.padding = '10px';\n      headerContainer.style.zIndex = '1000';\n      headerContainer.style.transform = 'rotate(180deg)';\n      container.appendChild(headerContainer);\n\n      // Set title based on screen width\n      const title = document.createElement('h1');\n      const titleText = window.innerWidth >= 1366 ? this.phrases.RC_soundRecording['en-US'] : this.phrases.RC_soundRecordingSmallScreen['en-US'];\n\n      // Split small screen title into lines if needed\n      if (window.innerWidth < 1366 && titleText.includes('\\n')) {\n        const lines = titleText.split('\\n');\n\n        // Create container for title lines\n        const titleContainer = document.createElement('div');\n        titleContainer.style.display = 'flex';\n        titleContainer.style.flexDirection = 'column';\n        titleContainer.style.alignItems = 'left';\n        titleContainer.style.lineHeight = '1.2';\n\n        // Add each line\n        lines.forEach(line => {\n          const lineDiv = document.createElement('p');\n          lineDiv.textContent = line;\n          lineDiv.style.width = 'fit-content';\n          titleContainer.appendChild(lineDiv);\n        });\n        title.appendChild(titleContainer);\n      } else {\n        title.textContent = titleText;\n        title.style.lineHeight = '1.2';\n      }\n      title.style.margin = '0';\n      title.style.whiteSpace = 'pre-line'; // Preserve line breaks\n      headerContainer.appendChild(title);\n\n      // Function to adjust font size to fill width\n      const adjustFontSize = (element, maxWidth) => {\n        let fontSize = 20; // Start with a reasonable minimum size\n        element.style.fontSize = fontSize + 'px';\n        // Increase font size until text fills width (minus margins)\n        while (element.scrollWidth < maxWidth - 40 && fontSize < 200) {\n          fontSize++;\n          element.style.fontSize = fontSize + 'px';\n        }\n\n        // Step back one to ensure we don't overflow\n        fontSize--;\n        element.style.fontSize = fontSize + 'px';\n        return fontSize;\n      };\n\n      // For small screen, ensure all lines use same font size\n      if (window.innerWidth < 1366 && titleText.includes('\\n')) {\n        const lines = title.querySelectorAll('p');\n        let minFontSize = Infinity;\n\n        // First pass: find the smallest font size that fits for any line\n        lines.forEach(line => {\n          const fontSize = adjustFontSize(line, window.innerWidth);\n          minFontSize = Math.min(minFontSize, fontSize);\n        });\n\n        // Second pass: apply the smallest font size to all lines\n        lines.forEach(line => {\n          line.style.fontSize = minFontSize + 'px';\n        });\n      } else {\n        // For single line title, just adjust to fill width\n        adjustFontSize(title, window.innerWidth);\n      }\n\n      // Get the header height after text is added and sized\n      const headerHeight = headerContainer.getBoundingClientRect().height;\n\n      // Adjust the display container to start after header\n      const display = document.getElementById('updateDisplay');\n      display.classList.add('updateDisplay');\n      display.style.position = 'fixed';\n      display.style.bottom = \"\".concat(headerHeight, \"px\"); // Start after header\n      display.style.left = '0';\n      display.style.right = '0';\n      display.style.top = '0';\n      display.style.transform = 'rotate(180deg)';\n      display.style.overflowY = 'auto';\n      display.style.padding = '20px';\n      display.style.background = 'white';\n\n      // Position microphone instruction at the top (appears at bottom due to rotation)\n      allowMicrophoneElement.innerText = '';\n      allowMicrophoneElement.style.position = 'fixed';\n      allowMicrophoneElement.style.top = '20px';\n      allowMicrophoneElement.style.left = '50%';\n      allowMicrophoneElement.style.transform = 'translateX(-50%) rotate(180deg)';\n      allowMicrophoneElement.style.width = '90%';\n      allowMicrophoneElement.style.textAlign = 'left';\n      allowMicrophoneElement.style.zIndex = '1000';\n      const webAudioDeviceNames = {\n        microphone: '',\n        deviceID: ''\n      };\n      const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({\n          audio: true\n        });\n        if (stream) {\n          const devices = await navigator.mediaDevices.enumerateDevices();\n          const mics = devices.filter(device => device.kind === 'audioinput');\n          mics.forEach(mic => {\n            if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {\n              webAudioDeviceNames.microphone = mic.label;\n              webAudioDeviceNames.deviceID = mic.deviceId;\n            }\n          });\n          if (webAudioDeviceNames.microphone === '') {\n            webAudioDeviceNames.microphone = mics[0].label;\n            webAudioDeviceNames.deviceID = mics[0].deviceId;\n          }\n        }\n      } catch (err) {\n        console.log(err);\n      }\n      let lock = null;\n      try {\n        if ('wakeLock' in navigator) {\n          lock = await navigator.wakeLock.request('screen');\n        }\n      } catch (err) {\n        console.log(err);\n      }\n      this.setupMicrophone();\n\n      // show target element\n      targetElement.style.display = 'block';\n      await this.listener.startCalibration({\n        microphoneFromAPI: webAudioDeviceNames.microphone,\n        microphoneDeviceId: webAudioDeviceNames.deviceID\n      });\n      if (lock) {\n        lock.release();\n      }\n    });\n    _defineProperty(this, \"setupMicrophone\", async () => {\n      const webAudioDeviceNames = {\n        microphone: '',\n        deviceID: ''\n      };\n      const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({\n          audio: true\n        });\n        if (stream) {\n          const devices = await navigator.mediaDevices.enumerateDevices();\n          const mics = devices.filter(device => device.kind === 'audioinput');\n          mics.forEach(mic => {\n            if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {\n              webAudioDeviceNames.microphone = mic.label;\n              webAudioDeviceNames.deviceID = mic.deviceId;\n            }\n          });\n          if (webAudioDeviceNames.microphone === '') {\n            webAudioDeviceNames.microphone = mics[0].label;\n            webAudioDeviceNames.deviceID = mics[0].deviceId;\n          }\n        }\n      } catch (err) {\n        console.log(err);\n      }\n      this.listener.setMicrophoneFromAPI(webAudioDeviceNames.microphone);\n      this.listener.setMicrophoneDeviceId(webAudioDeviceNames.microphone);\n    });\n    _defineProperty(this, \"initializeDesktopMode\", async () => {\n      await this.initializeListener();\n      if (await this.waitForConnection()) {\n        await this.setupDesktopUI();\n      } else {\n        console.error('Connection setup timed out after 30 seconds');\n      }\n    });\n    _defineProperty(this, \"setupDesktopUI\", async () => {\n      const container = document.getElementById('listenerContainer');\n      const recordingInProgressElement = document.getElementById('recordingInProgress');\n      const allowMicrophoneElement = document.getElementById('allowMicrophone');\n      const recordingInProgress = this.phrases.RC_soundRecording['en-US'];\n      const backToExperimentWindow = this.phrases.RC_backToExperimentWindow['en-US'];\n      const allowMicrophone = this.phrases.RC_allowMicrophoneUse['en-US'];\n\n      // remove the button\n      const calibrationBeginButton = document.getElementById('calibrationBeginButton');\n      calibrationBeginButton.remove();\n      container.style.display = 'block';\n\n      //update the display to be\n      const display = document.getElementById('display');\n      if (display) {\n        display.style.textAlign = 'left';\n        display.style.fontSize = '11px';\n      }\n\n      // set the text of the html elements\n      recordingInProgressElement.innerText = recordingInProgress;\n      allowMicrophoneElement.innerText = allowMicrophone;\n      allowMicrophoneElement.style.marginBottom = '0.5rem';\n      allowMicrophoneElement.style.fontSize = '17px';\n      recordingInProgressElement.style.whiteSpace = 'nowrap';\n      recordingInProgressElement.style.fontWeight = 'bold';\n\n      // fit content\n      recordingInProgressElement.style.width = 'fit-content';\n      let fontSize = 100;\n      recordingInProgressElement.style.fontSize = fontSize + 'px';\n      while (recordingInProgressElement.scrollWidth > window.innerWidth * 0.9 && fontSize > 10) {\n        fontSize--;\n        recordingInProgressElement.style.fontSize = fontSize + 'px';\n      }\n      const message = document.getElementById('message');\n      message.style.lineHeight = '2.5rem';\n      const p = document.createElement('p');\n      p.innerText = backToExperimentWindow;\n      p.style.fontSize = '17px';\n      message.appendChild(p);\n      await this.listener.startCalibration();\n    });\n    this.phrases = _dist_example_i18n_js__WEBPACK_IMPORTED_MODULE_0__.phrases;\n    this.name = 'SoundCalibration';\n    this.listenerParameters = {\n      targetElementId: 'display',\n      microphoneFromAPI: '',\n      microphoneDeviceId: ''\n    };\n    this.listener = null;\n    this.connectionManager = null;\n  }\n}\nasync function main() {\n  const pp = new PhonePeer();\n  if (window.phoneApp) {\n    window.phoneApp.registerSubmodule(pp);\n  } else {\n    console.log('PhoneApp not found');\n  }\n}\nmain().catch(err => console.error(err));\n\n//# sourceURL=webpack://speakerCalibrator/./src/listener-app/PhonePeer.js?");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "speaker-calibration",
-  "version": "2.2.250",
+  "version": "2.2.252",
   "description": "Speaker calibration library for auditory testing",
   "main": "dist/main.js",
   "directories": {

package/src/listener-app/PhonePeer.js

@@ -357,6 +357,28 @@ export class PhonePeer {
     allowMicrophoneElement.style.textAlign = 'left';
     allowMicrophoneElement.style.zIndex = '1000';
 
+    const webAudioDeviceNames = {microphone: '', deviceID: ''};
+    const externalMicList = ['UMIK', 'Airpods', 'Bluetooth'];
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({audio: true});
+      if (stream) {
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        const mics = devices.filter(device => device.kind === 'audioinput');
+        mics.forEach(mic => {
+          if (externalMicList.some(externalMic => mic.label.includes(externalMic))) {
+            webAudioDeviceNames.microphone = mic.label;
+            webAudioDeviceNames.deviceID = mic.deviceId;
+          }
+        });
+        if (webAudioDeviceNames.microphone === '') {
+          webAudioDeviceNames.microphone = mics[0].label;
+          webAudioDeviceNames.deviceID = mics[0].deviceId;
+        }
+      }
+    } catch (err) {
+      console.log(err);
+    }
+
     let lock = null;
     try {
       if ('wakeLock' in navigator) {
@@ -370,7 +392,10 @@ export class PhonePeer {
 
     // show target element
     targetElement.style.display = 'block';
-    await this.listener.startCalibration();
+    await this.listener.startCalibration({
+      microphoneFromAPI: webAudioDeviceNames.microphone,
+      microphoneDeviceId: webAudioDeviceNames.deviceID,
+    });
     if (lock) {
       lock.release();
     }

package/src/peer-connection/speaker.js

@@ -209,6 +209,10 @@ class Speaker extends AudioPeer {
       params.calibrateSoundSimulateMicrophoneTime,
       params.calibrateSoundSimulateLoudspeaker,
       params.calibrateSoundSimulateLoudspeakerTime,
+      params.calibrateSoundSimulateMicrophoneFrequencies,
+      params.calibrateSoundSimulateLoudspeakerFrequencies,
+      params.calibrateSoundSimulateMicrophoneType,
+      params.calibrateSoundSimulateLoudspeakerType,
       params.isLoudspeakerCalibration
     );
     speaker.#removeUIElems();
@@ -347,6 +351,10 @@ class Speaker extends AudioPeer {
             params.calibrateSoundSimulateMicrophoneTime,
             params.calibrateSoundSimulateLoudspeaker,
             params.calibrateSoundSimulateLoudspeakerTime,
+            params.calibrateSoundSimulateMicrophoneFrequencies,
+            params.calibrateSoundSimulateLoudspeakerFrequencies,
+            params.calibrateSoundSimulateMicrophoneType,
+            params.calibrateSoundSimulateLoudspeakerType,
             params.isLoudspeakerCalibration
           );
           speaker.#removeUIElems();
@@ -939,6 +947,10 @@ class Speaker extends AudioPeer {
             params.calibrateSoundSimulateMicrophoneTime,
             params.calibrateSoundSimulateLoudspeaker,
             params.calibrateSoundSimulateLoudspeakerTime,
+            params.calibrateSoundSimulateMicrophoneFrequencies,
+            params.calibrateSoundSimulateLoudspeakerFrequencies,
+            params.calibrateSoundSimulateMicrophoneType,
+            params.calibrateSoundSimulateLoudspeakerType,
             params.isLoudspeakerCalibration
           );
           clearInterval(permissionCheckInterval);

package/src/server/PythonServerAPI.js

@@ -126,9 +126,50 @@ class PythonServerAPI {
     return res.data[task];
   };
 
+  getImpulseResponseFromFrequencyResponse = async ({
+    frequencies,
+    gains,
+    sample_rate,
+    iir_length,
+    calibrateSoundIIRPhase,
+    totalDuration,
+    totalDuration1000Hz,
+  }) => {
+    const task = 'frequency-response-to-impulse-response';
+    let res = null;
+
+    const data = JSON.stringify({
+      task,
+      frequencies,
+      gains,
+      sample_rate,
+      iir_length,
+      calibrateSoundIIRPhase,
+      total_duration: totalDuration,
+      total_duration_1000hz: totalDuration1000Hz,
+    });
+
+    await axios({
+      method: 'post',
+      baseURL: PythonServerAPI.PYTHON_SERVER_URL,
+      url: `/task/${task}`,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      data,
+    })
+      .then(response => {
+        res = response;
+      })
+      .catch(error => {
+        throw error;
+      });
+
+    return res.data[task];
+  };
+
   getFrequencyResponseFromImpulseResponse = async ({
-    impulseResponseMicrophone,
-    impulseResponseLoudspeaker,
+    impulseResponse,
     sampleRate,
     timeArray,
     totalDuration,
@@ -139,8 +180,7 @@ class PythonServerAPI {
 
     const data = JSON.stringify({
       task,
-      impulse_response_microphone: impulseResponseMicrophone,
-      impulse_response_loudspeaker: impulseResponseLoudspeaker,
+      impulse_response: impulseResponse,
       sample_rate: sampleRate,
       time_array: timeArray,
       total_duration: totalDuration,

package/src/tasks/combination/combination.js

@@ -1735,7 +1735,9 @@ class Combination extends AudioCalibrator {
       }
     }
     this.clearAllFilteredRecordedSignals();
-    console.log('Obtaining unfiltered recording from #allHzUnfilteredRecordings to calculate spectrum');
+    console.log(
+      'Obtaining unfiltered recording from #allHzUnfilteredRecordings to calculate spectrum'
+    );
     console.log('Obtaining filtered recording from #allHzFilteredRecordings to calculate spectrum');
     let unconv_rec = recs[0];
     let return_unconv_rec = unconv_rec;
@@ -3321,6 +3323,10 @@ class Combination extends AudioCalibrator {
     calibrateSoundSimulateMicrophoneTime = null,
     calibrateSoundSimulateLoudspeaker = null,
     calibrateSoundSimulateLoudspeakerTime = null,
+    calibrateSoundSimulateMicrophoneFrequencies = null,
+    calibrateSoundSimulateLoudspeakerFrequencies = null,
+    calibrateSoundSimulateMicrophoneType = 'impulseResponse',
+    calibrateSoundSimulateLoudspeakerType = 'impulseResponse',
     isLoudspeakerCalibration = true
   ) => {
     this._calibrateSoundBurstDownsample = calibrateSoundBurstDownsample;
@@ -3375,19 +3381,7 @@ class Combination extends AudioCalibrator {
       this._calibrateSoundBurstPreSec +
       this._calibrateSoundBurstRepeats * this._calibrateSoundBurstSec +
       this._calibrateSoundBurstPostSec;
-    if (isSmartPhone && !simulationEnabled) {
-      const leftQuote = '\u201C'; // "
-      const rightQuote = '\u201D'; // "
-      this.webAudioDeviceNames.microphone = this.deviceInfo.microphoneFromAPI;
-      const quotedWebAudioMic = leftQuote + this.webAudioDeviceNames.microphone + rightQuote;
-      const combinedMicText = this.micModelName + ' ' + quotedWebAudioMic;
-      webAudioDeviceNames.microphoneText = this.phrases.RC_nameMicrophone[this.language]
-        .replace('"xxx"', combinedMicText)
-        .replace('"XXX"', combinedMicText);
-    }
-    // this.webAudioDeviceNames.microphoneText = this.webAudioDeviceNames.microphoneText
-    //   .replace('xxx', this.webAudioDeviceNames.microphone)
-    //   .replace('XXX', this.webAudioDeviceNames.microphone);
+
     //feed calibration goal here
     this._calibrateSoundCheck = _calibrateSoundCheck;
     this.calibrateSound1000HzMaxSD_dB = calibrateSound1000HzMaxSD_dB;
@@ -3487,48 +3481,103 @@ class Combination extends AudioCalibrator {
       }
     } else {
       //simulation.
-      const frequencyResponse = await this.pyServerAPI.getFrequencyResponseFromImpulseResponse({
-        impulseResponseMicrophone: this.calibrateSoundSimulateMicrophone,
-        impulseResponseLoudspeaker: this.calibrateSoundSimulateLoudspeaker,
-        sampleRate: this.sourceSamplingRate,
-        timeArray: calibrateSoundSimulateMicrophoneTime,
-        totalDuration: allHzDuation,
-        totalDuration1000Hz: this.CALIBRATION_TONE_DURATION,
-      });
-      this.calibrateSoundSimulateMicrophone = frequencyResponse.impulse_response_microphone;
-      this.calibrateSoundSimulateLoudspeaker = frequencyResponse.impulse_response_loudspeaker;
-      this.calibrateSoundSimulateMicrophone1000Hz =
-        frequencyResponse.impulse_response_1000hz_microphone;
-      this.calibrateSoundSimulateLoudspeaker1000Hz =
-        frequencyResponse.impulse_response_1000hz_loudspeaker;
-      this.simulatedLoudspeakerIR = {
-        Freq: frequencyResponse.frequencies_loudspeaker,
-        Gain: frequencyResponse.gains_loudspeaker,
-      };
-      this.simulatedMicrophoneIR = {
-        Freq: frequencyResponse.frequencies_microphone,
-        Gain: frequencyResponse.gains_microphone,
-      };
-      console.log('simulatedMicrophoneIR', this.simulatedMicrophoneIR);
-      console.log('simulatedLoudspeakerIR', this.simulatedLoudspeakerIR);
-
-      if (isLoudspeakerCalibration) {
-        //define this.componentIR, this.componentGainDBSPL
-        this.componentIR = {
-          Freq: frequencyResponse.frequencies_microphone,
-          Gain: frequencyResponse.gains_microphone,
+      if (calibrateSoundSimulateMicrophoneType === 'impulseResponse') {
+        const frequencyResponse = await this.pyServerAPI.getFrequencyResponseFromImpulseResponse({
+          impulseResponse: this.calibrateSoundSimulateMicrophone,
+          sampleRate: this.sourceSamplingRate,
+          timeArray: calibrateSoundSimulateMicrophoneTime,
+          totalDuration: allHzDuation,
+          totalDuration1000Hz: this.CALIBRATION_TONE_DURATION,
+        });
+        this.calibrateSoundSimulateMicrophone = frequencyResponse.impulse_response;
+        this.calibrateSoundSimulateMicrophone1000Hz = frequencyResponse.impulse_response_1000hz;
+        this.simulatedMicrophoneIR = {
+          Freq: frequencyResponse.frequencies,
+          Gain: frequencyResponse.gains,
+        };
+        if (isLoudspeakerCalibration) {
+          this.componentIR = {
+            Freq: frequencyResponse.frequencies,
+            Gain: frequencyResponse.gains,
+          };
+          this.componentGainDBSPL = frequencyResponse.gain_at_1000hz;
+          lCalib = this.componentGainDBSPL;
+        }
+      } else {
+        const impulseResponse = await this.pyServerAPI.getImpulseResponseFromFrequencyResponse({
+          frequencies: calibrateSoundSimulateMicrophoneFrequencies,
+          gains: this.calibrateSoundSimulateMicrophone,
+          sample_rate: this.sourceSamplingRate,
+          iir_length: this.iirLength,
+          calibrateSoundIIRPhase: this.calibrateSoundIIRPhase,
+          totalDuration: allHzDuation,
+          totalDuration1000Hz: this.CALIBRATION_TONE_DURATION,
+        });
+        if (isLoudspeakerCalibration) {
+          this.componentIR = {
+            Freq: impulseResponse.frequencies,
+            Gain: impulseResponse.gains,
+          };
+          this.componentGainDBSPL = impulseResponse.gain_at_1000hz;
+          lCalib = this.componentGainDBSPL;
+        }
+        this.simulatedMicrophoneIR = {
+          Freq: impulseResponse.frequencies,
+          Gain: impulseResponse.gains,
+        };
+        this.calibrateSoundSimulateMicrophone = impulseResponse.impulse_response;
+        this.calibrateSoundSimulateMicrophone1000Hz = impulseResponse.impulse_response_1000hz;
+      }
+
+      if (calibrateSoundSimulateLoudspeakerType === 'impulseResponse') {
+        const frequencyResponse = await this.pyServerAPI.getFrequencyResponseFromImpulseResponse({
+          impulseResponse: this.calibrateSoundSimulateLoudspeaker,
+          sampleRate: this.sourceSamplingRate,
+          timeArray: calibrateSoundSimulateLoudspeakerTime,
+          totalDuration: allHzDuation,
+          totalDuration1000Hz: this.CALIBRATION_TONE_DURATION,
+        });
+
+        if (!isLoudspeakerCalibration) {
+          this.componentIR = {
+            Freq: frequencyResponse.frequencies,
+            Gain: frequencyResponse.gains,
+          };
+          this.componentGainDBSPL = frequencyResponse.gain_at_1000hz;
+          lCalib = this.componentGainDBSPL;
+        }
+
+        this.calibrateSoundSimulateLoudspeaker = frequencyResponse.impulse_response;
+        this.calibrateSoundSimulateLoudspeaker1000Hz = frequencyResponse.impulse_response_1000hz;
+        this.simulatedLoudspeakerIR = {
+          Freq: frequencyResponse.frequencies,
+          Gain: frequencyResponse.gains,
         };
-        console.log('this.componentIR', this.componentIR);
-        this.componentGainDBSPL = frequencyResponse.gain_at_1000hz_microphone;
-        lCalib = this.componentGainDBSPL;
       } else {
-        //define this.componentIR, this.componentGainDBSPL
-        this.componentIR = {
-          Freq: frequencyResponse.frequencies_loudspeaker,
-          Gain: frequencyResponse.gains_loudspeaker,
+        const impulseResponse = await this.pyServerAPI.getImpulseResponseFromFrequencyResponse({
+          frequencies: calibrateSoundSimulateLoudspeakerFrequencies,
+          gains: this.calibrateSoundSimulateLoudspeaker,
+          sample_rate: this.sourceSamplingRate,
+          iir_length: this.iirLength,
+          calibrateSoundIIRPhase: this.calibrateSoundIIRPhase,
+          totalDuration: allHzDuation,
+          totalDuration1000Hz: this.CALIBRATION_TONE_DURATION,
+        });
+
+        this.simulatedLoudspeakerIR = {
+          Freq: impulseResponse.frequencies,
+          Gain: impulseResponse.gains,
         };
-        this.componentGainDBSPL = frequencyResponse.gain_at_1000hz_loudspeaker;
-        lCalib = this.componentGainDBSPL;
+        if (!isLoudspeakerCalibration) {
+          this.componentIR = {
+            Freq: impulseResponse.frequencies,
+            Gain: impulseResponse.gains,
+          };
+          this.componentGainDBSPL = impulseResponse.gain_at_1000hz;
+          lCalib = this.componentGainDBSPL;
+        }
+        this.calibrateSoundSimulateLoudspeaker = impulseResponse.impulse_response;
+        this.calibrateSoundSimulateLoudspeaker1000Hz = impulseResponse.impulse_response_1000hz;
       }
     }