Failed to construct 'AudioContext': The number of hardware contexts provided (6) is greater than or equal to the maximum bound (6)

We use RecordRTC to record the window in a Chrome extension. The recording works fine except when we try to record the same window more continuously, it throws an error

background.js:18632 DOMException: Failed to construct 'AudioContext': The number of hardware contexts provided (6) is greater than or equal to the maximum bound (6).
    at getMixedAudioStream (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:91194:47)
    at MultiStreamsMixer.getMixedStream (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:91150:32)
    at MultiStreamRecorder.record (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:91427:55)
    at initRecorder (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:86221:23)
    at Object.startRecording (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:86201:9)
    at RecordingManager._callee3$ (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:85681:32)
    at tryCatch (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:39004:40)
    at Generator.invoke [as _invoke] (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:39238:22)
    at Generator.prototype.(anonymous function) [as next] (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:39056:21)
    at step (chrome-extension://lfgkmcnkcgpggkkdcblgecnbinfoeipb/scripts/background.js:5405:30)

Error throws from

this.$initializeRecordRtc();
this.state.rtc.startRecording(); // this line

$initializeRecordRtc() is something like below

  $initializeRecordRtc() {
    const config = {
      mimeType: 'video/webm',
      disableLogs: false,
      frameInterval: this.screenInfo.frameInterval,
      canvas: {
        width: this.screenInfo.width,
        height: this.screenInfo.height,
      },
      video: {
        width: this.screenInfo.width,
        height: this.screenInfo.height,
      },
      bufferSize: 16384,
      leftChannel: false,
    };
    if (this.state.rtc) {
      this.$stopAndClearRecorder();
    }
    this.state.rtc = RecordRTC([this.state.tabStream, this.state.audioStream], config);
  }

My code which stops the recording is something like this

$stopAndClearRecorder() {
    if (!this.state) {
      return;
    }
    try {
      if (this.state.rtc) {
        const clear = () => {
          try {
            this.state.rtc.clearRecordedData();
            this.state.rtc.destroy();
          } catch (e) { this.background.error(e); /* Ignored */ }
          this.$cleanStreams();
        };
        if (this.state.rtc.getState() === 'recording') {
          this.state.rtc.stopRecording(clear);
        }
        clear();
      }
    } catch (e) {
      this.background.log('Could not stop recording', e);
    }
  }

Thanks in advance !

[lmmProject]

destroy useless

[osukono]

You should have only one AudioContext in the page.