@bigbinary/neeto-media-recorder 2.7.2 → 2.7.5

package/core.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { isNotEmpty, existsBy, isNot, noop } from '@bigbinary/neeto-cist';
-import { MIME_TYPE as MIME_TYPE$1, UPLOAD_EVENT, UPLOAD_STATUS, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, RECORDING_LIMIT_REACHED_WARNING_SOUND, RECORDING_TIME_LIMIT_FREE_PLAN, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, ONE_SECOND, HALF_A_SECOND_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, TWO_HUNDRED_MILLISECONDS, ONE_MINUTE_IN_MILLISECONDS, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, IS_EXTENSION } from '@bigbinary/neeto-media-recorder/constants';
+import { MIME_TYPE as MIME_TYPE$1, UPLOAD_EVENT, UPLOAD_STATUS, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, RECORDING_LIMIT_REACHED_WARNING_SOUND, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, RECORDING_TIME_LIMIT_FREE_PLAN, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, HALF_A_SECOND_IN_MILLISECONDS, ONE_SECOND, ONE_SECOND_IN_MILLISECONDS, TWO_HUNDRED_MILLISECONDS, ONE_MINUTE_IN_MILLISECONDS, IS_EXTENSION } from '@bigbinary/neeto-media-recorder/constants';
 import { useMultipartS3UploadStatus as useMultipartS3UploadStatus$1, getMultipartS3Uploader as getMultipartS3Uploader$1 } from '@bigbinary/neeto-media-recorder/core';
 import { isNotNil, min, isNil, identity, isEmpty, pick, equals, not } from 'ramda';
 import platform from 'platform';
@@ -1494,17 +1494,21 @@ var _recordingLimitWarningAudio = /*#__PURE__*/new WeakMap();
 var _stopRecordingDueToLimitReachedAudio = /*#__PURE__*/new WeakMap();
 var _stream = /*#__PURE__*/new WeakMap();
 var _audioStream = /*#__PURE__*/new WeakMap();
+var _micAudioStream = /*#__PURE__*/new WeakMap();
 var _timeLimit = /*#__PURE__*/new WeakMap();
 var _startRecordingTimeoutID = /*#__PURE__*/new WeakMap();
 var _enableNoiseCancellation = /*#__PURE__*/new WeakMap();
+var _showCountdown = /*#__PURE__*/new WeakMap();
 var _mimeType = /*#__PURE__*/new WeakMap();
+var _stopAllStreams = /*#__PURE__*/new WeakMap();
 var _checkCompatibility = /*#__PURE__*/new WeakMap();
 var _acquireMediaStream = /*#__PURE__*/new WeakMap();
 var _fireCallbacks = /*#__PURE__*/new WeakMap();
 var _onRecordingStart = /*#__PURE__*/new WeakMap();
 var _onRecordingActive = /*#__PURE__*/new WeakMap();
 var _onRecordingStop = /*#__PURE__*/new WeakMap();
-var _countdownAndStartRecording = /*#__PURE__*/new WeakMap();
+var _startMediaRecorder = /*#__PURE__*/new WeakMap();
+var _startCountdown = /*#__PURE__*/new WeakMap();
 var _startTimer = /*#__PURE__*/new WeakMap();
 var _stopTimer = /*#__PURE__*/new WeakMap();
 var _checkIfTimeLimitReached = /*#__PURE__*/new WeakMap();
@@ -1570,7 +1574,7 @@ var ScreenRecorder = /*#__PURE__*/function () {
     });
     _classPrivateFieldInitSpec(this, _stopRecordingDueToLimitReachedAudio, {
       writable: true,
-      value: void 0
+      value: new Audio(STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND)
     });
     _classPrivateFieldInitSpec(this, _stream, {
       writable: true,
@@ -1580,6 +1584,10 @@ var ScreenRecorder = /*#__PURE__*/function () {
       writable: true,
       value: void 0
     });
+    _classPrivateFieldInitSpec(this, _micAudioStream, {
+      writable: true,
+      value: void 0
+    });
     _classPrivateFieldInitSpec(this, _timeLimit, {
       writable: true,
       value: RECORDING_TIME_LIMIT_FREE_PLAN
@@ -1592,6 +1600,10 @@ var ScreenRecorder = /*#__PURE__*/function () {
       writable: true,
       value: false
     });
+    _classPrivateFieldInitSpec(this, _showCountdown, {
+      writable: true,
+      value: true
+    });
     _classPrivateFieldInitSpec(this, _mimeType, {
       writable: true,
       value: getSupportedMimeType()
@@ -1605,6 +1617,9 @@ var ScreenRecorder = /*#__PURE__*/function () {
     _defineProperty(this, "setAudioConfiguration", function (audio) {
       return _classPrivateFieldSet(_this, _audio, audio);
     });
+    _defineProperty(this, "setShowCountdown", function (showCountdown) {
+      return _classPrivateFieldSet(_this, _showCountdown, showCountdown);
+    });
     _defineProperty(this, "setTimeLimit", function () {
       var timeLimit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : RECORDING_TIME_LIMIT_FREE_PLAN;
       return _classPrivateFieldSet(_this, _timeLimit, timeLimit);
@@ -1668,7 +1683,11 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 error: SCREEN_RECORDER_ERROR.NoRecorder
               });
             };
-            _classPrivateFieldGet(_this, _countdownAndStartRecording).call(_this);
+            if (_classPrivateFieldGet(_this, _showCountdown)) {
+              _classPrivateFieldGet(_this, _startCountdown).call(_this);
+            } else {
+              _classPrivateFieldGet(_this, _startMediaRecorder).call(_this);
+            }
           case 19:
           case "end":
             return _context.stop();
@@ -1676,40 +1695,22 @@ var ScreenRecorder = /*#__PURE__*/function () {
       }, _callee);
     })));
     _defineProperty(this, "stopRecording", function () {
-      var _classPrivateFieldGet8, _classPrivateFieldGet12, _classPrivateFieldGet13, _classPrivateFieldGet14;
+      var _classPrivateFieldGet4;
       if (_classPrivateFieldGet(_this, _mediaRecorder) === undefined) {
-        var _classPrivateFieldGet4, _classPrivateFieldGet5, _classPrivateFieldGet6, _classPrivateFieldGet7;
         /**
          * If the permission is denied and "Stop sharing" overlay is clicked
          */
-        (_classPrivateFieldGet4 = _classPrivateFieldGet(_this, _mediaStream)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.getTracks().forEach(function (track) {
-          return track.stop();
-        });
-        (_classPrivateFieldGet5 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.getTracks().forEach(function (track) {
-          return track.stop();
-        });
-        (_classPrivateFieldGet6 = _classPrivateFieldGet(_this, _audioStream)) === null || _classPrivateFieldGet6 === void 0 ? void 0 : (_classPrivateFieldGet7 = _classPrivateFieldGet6.getAudioTracks()) === null || _classPrivateFieldGet7 === void 0 ? void 0 : _classPrivateFieldGet7.forEach(function (track) {
-          return track.stop();
-        });
+        _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
         return;
       }
-      if (((_classPrivateFieldGet8 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet8 === void 0 ? void 0 : _classPrivateFieldGet8.state) === "inactive") {
-        var _classPrivateFieldGet9, _classPrivateFieldGet10, _classPrivateFieldGet11;
+      if (((_classPrivateFieldGet4 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet4 === void 0 ? void 0 : _classPrivateFieldGet4.state) === "inactive") {
         // When recording is stopped from the 'Stop Sharing' overlay
         // before it even starts, i.e during the countdown.
         // Or if the recording is stopped before startRecordingTimeoutID timeout executes
         _this.removeCallback(SCREEN_RECORDER_EVENT.onStop);
         clearTimeout(_classPrivateFieldGet(_this, _startRecordingTimeoutID));
         clearInterval(_classPrivateFieldGet(_this, _countdownTimerId));
-        _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
-          return track.stop();
-        });
-        (_classPrivateFieldGet9 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet9 === void 0 ? void 0 : _classPrivateFieldGet9.getTracks().forEach(function (track) {
-          return track.stop();
-        });
-        (_classPrivateFieldGet10 = _classPrivateFieldGet(_this, _audioStream)) === null || _classPrivateFieldGet10 === void 0 ? void 0 : (_classPrivateFieldGet11 = _classPrivateFieldGet10.getAudioTracks()) === null || _classPrivateFieldGet11 === void 0 ? void 0 : _classPrivateFieldGet11.forEach(function (track) {
-          return track.stop();
-        });
+        _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
         _classPrivateFieldGet(_this, _fireCallbacks).call(_this, SCREEN_RECORDER_EVENT.onDiscardDuringCountdown);
         return;
       }
@@ -1717,20 +1718,12 @@ var ScreenRecorder = /*#__PURE__*/function () {
         status: SCREEN_RECORDER_STATUS.stopping
       });
       _classPrivateFieldGet(_this, _mediaRecorder).stop();
-      _classPrivateFieldGet(_this, _mediaStream) && _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
-        return track.stop();
-      });
-      (_classPrivateFieldGet12 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet12 === void 0 ? void 0 : _classPrivateFieldGet12.getTracks().forEach(function (track) {
-        return track.stop();
-      });
-      (_classPrivateFieldGet13 = _classPrivateFieldGet(_this, _audioStream)) === null || _classPrivateFieldGet13 === void 0 ? void 0 : (_classPrivateFieldGet14 = _classPrivateFieldGet13.getAudioTracks()) === null || _classPrivateFieldGet14 === void 0 ? void 0 : _classPrivateFieldGet14.forEach(function (track) {
-        return track.stop();
-      });
+      _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
       _classPrivateFieldGet(_this, _stopTimer).call(_this);
     });
     _defineProperty(this, "pauseRecording", function () {
-      var _classPrivateFieldGet15;
-      if (((_classPrivateFieldGet15 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet15 === void 0 ? void 0 : _classPrivateFieldGet15.state) === "recording") {
+      var _classPrivateFieldGet5;
+      if (((_classPrivateFieldGet5 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : _classPrivateFieldGet5.state) === "recording") {
         _classPrivateFieldGet(_this, _store).setState({
           status: SCREEN_RECORDER_STATUS.paused
         });
@@ -1739,8 +1732,8 @@ var ScreenRecorder = /*#__PURE__*/function () {
       _classPrivateFieldGet(_this, _stopTimer).call(_this);
     });
     _defineProperty(this, "resumeRecording", function () {
-      var _classPrivateFieldGet16;
-      if (((_classPrivateFieldGet16 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet16 === void 0 ? void 0 : _classPrivateFieldGet16.state) === "paused") {
+      var _classPrivateFieldGet6;
+      if (((_classPrivateFieldGet6 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.state) === "paused") {
         _classPrivateFieldGet(_this, _store).setState({
           status: SCREEN_RECORDER_STATUS.recording
         });
@@ -1749,19 +1742,14 @@ var ScreenRecorder = /*#__PURE__*/function () {
       _classPrivateFieldGet(_this, _startTimer).call(_this);
     });
     _defineProperty(this, "discardRecording", function () {
-      var _classPrivateFieldGet17, _classPrivateFieldGet18;
-      if (((_classPrivateFieldGet17 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet17 === void 0 ? void 0 : _classPrivateFieldGet17.state) === "inactive") return;
+      var _classPrivateFieldGet7;
+      if (((_classPrivateFieldGet7 = _classPrivateFieldGet(_this, _mediaRecorder)) === null || _classPrivateFieldGet7 === void 0 ? void 0 : _classPrivateFieldGet7.state) === "inactive") return;
       _classPrivateFieldGet(_this, _store).setState({
         status: SCREEN_RECORDER_STATUS.stopping
       });
       _this.removeAllCallbacksByEvent(SCREEN_RECORDER_EVENT.onStop);
       _classPrivateFieldGet(_this, _mediaRecorder).stop();
-      _classPrivateFieldGet(_this, _mediaStream) && _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
-        return track.stop();
-      });
-      (_classPrivateFieldGet18 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet18 === void 0 ? void 0 : _classPrivateFieldGet18.getTracks().forEach(function (track) {
-        return track.stop();
-      });
+      _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
       clearInterval(_classPrivateFieldGet(_this, _timerId));
       _classPrivateFieldGet(_this, _store).setState(pick(["elapsedTime"], initialState));
       _classPrivateFieldSet(_this, _mediaChunks, []);
@@ -1788,18 +1776,27 @@ var ScreenRecorder = /*#__PURE__*/function () {
       _classPrivateFieldGet(_this, _checkCompatibility).call(_this);
     });
     _defineProperty(this, "revokePermissions", function () {
-      var _classPrivateFieldGet19, _classPrivateFieldGet20, _classPrivateFieldGet21;
       if (!_classPrivateFieldGet(_this, _mediaRecorder)) return;
       _classPrivateFieldGet(_this, _mediaRecorder).onstop = null;
-      _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
-        return track.stop();
-      });
-      (_classPrivateFieldGet19 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet19 === void 0 ? void 0 : _classPrivateFieldGet19.getTracks().forEach(function (track) {
-        return track.stop();
-      });
-      (_classPrivateFieldGet20 = _classPrivateFieldGet(_this, _audioStream)) === null || _classPrivateFieldGet20 === void 0 ? void 0 : (_classPrivateFieldGet21 = _classPrivateFieldGet20.getAudioTracks()) === null || _classPrivateFieldGet21 === void 0 ? void 0 : _classPrivateFieldGet21.forEach(function (track) {
-        return track.stop();
-      });
+      _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
+    });
+    _classPrivateFieldInitSpec(this, _stopAllStreams, {
+      writable: true,
+      value: function value() {
+        var _classPrivateFieldGet8, _classPrivateFieldGet9, _classPrivateFieldGet10, _classPrivateFieldGet11, _classPrivateFieldGet12, _classPrivateFieldGet13;
+        _classPrivateFieldGet(_this, _mediaStream) && ((_classPrivateFieldGet8 = _classPrivateFieldGet(_this, _mediaStream)) === null || _classPrivateFieldGet8 === void 0 ? void 0 : _classPrivateFieldGet8.getTracks().forEach(function (track) {
+          return track.stop();
+        }));
+        (_classPrivateFieldGet9 = _classPrivateFieldGet(_this, _stream)) === null || _classPrivateFieldGet9 === void 0 ? void 0 : _classPrivateFieldGet9.getTracks().forEach(function (track) {
+          return track.stop();
+        });
+        (_classPrivateFieldGet10 = _classPrivateFieldGet(_this, _audioStream)) === null || _classPrivateFieldGet10 === void 0 ? void 0 : (_classPrivateFieldGet11 = _classPrivateFieldGet10.getAudioTracks()) === null || _classPrivateFieldGet11 === void 0 ? void 0 : _classPrivateFieldGet11.forEach(function (track) {
+          return track.stop();
+        });
+        (_classPrivateFieldGet12 = _classPrivateFieldGet(_this, _micAudioStream)) === null || _classPrivateFieldGet12 === void 0 ? void 0 : (_classPrivateFieldGet13 = _classPrivateFieldGet12.getAudioTracks()) === null || _classPrivateFieldGet13 === void 0 ? void 0 : _classPrivateFieldGet13.forEach(function (track) {
+          return track.stop();
+        });
+      }
     });
     _classPrivateFieldInitSpec(this, _checkCompatibility, {
       writable: true,
@@ -1826,58 +1823,65 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 });
                 _context2.prev = 1;
                 if (!_classPrivateFieldGet(_this, _audio)) {
-                  _context2.next = 25;
+                  _context2.next = 29;
                   break;
                 }
-                _context2.next = 5;
+                _context2.t0 = _classPrivateFieldSet;
+                _context2.t1 = _this;
+                _context2.t2 = _micAudioStream;
+                _context2.next = 8;
                 return window.navigator.mediaDevices.getUserMedia({
                   audio: _classPrivateFieldGet(_this, _audio) ? _objectSpread({
                     echoCancellation: false
                   }, _classPrivateFieldGet(_this, _audio)) : false
                 });
-              case 5:
-                audioStream = _context2.sent;
-                audioStream = addGainNode(audioStream, 1.75); // Increase volume by 50%
+              case 8:
+                _context2.t3 = _context2.sent;
+                (0, _context2.t0)(_context2.t1, _context2.t2, _context2.t3);
+                audioStream = addGainNode(_classPrivateFieldGet(_this, _micAudioStream), 1.75); // Increase volume by 50%
                 _classPrivateFieldSet(_this, _audioStream, audioStream);
                 if (!_classPrivateFieldGet(_this, _enableNoiseCancellation)) {
-                  _context2.next = 25;
+                  _context2.next = 29;
                   break;
                 }
-                _context2.prev = 9;
-                workletUrl = IS_EXTENSION ? chrome.runtime.getURL("public/NoiseSuppressorWorklet.js") : "NoiseSuppressorWorklet.js";
+                _context2.prev = 13;
+                workletUrl = IS_EXTENSION ?
+                // eslint-disable-next-line no-undef
+                chrome.runtime.getURL("public/NoiseSuppressorWorklet.js") : "NoiseSuppressorWorklet.js";
                 audioContext = new AudioContext();
-                _context2.next = 14;
+                _context2.next = 18;
                 return audioContext.audioWorklet.addModule(workletUrl);
-              case 14:
+              case 18:
                 audioStreamSource = audioContext.createMediaStreamSource(audioStream);
                 destinationStream = audioContext.createMediaStreamDestination();
                 noiseSuppressorNode = new AudioWorkletNode(audioContext, "nn-suppressor-processor");
                 audioStreamSource.connect(noiseSuppressorNode);
                 noiseSuppressorNode.connect(destinationStream);
                 _classPrivateFieldSet(_this, _audioStream, destinationStream.stream);
-                _context2.next = 25;
+                _context2.next = 29;
                 break;
-              case 22:
-                _context2.prev = 22;
-                _context2.t0 = _context2["catch"](9);
-                console.error("Failed to load audio worklet:", _context2.t0);
-              case 25:
+              case 26:
+                _context2.prev = 26;
+                _context2.t4 = _context2["catch"](13);
+                // eslint-disable-next-line no-console
+                console.error("Failed to load audio worklet:", _context2.t4);
+              case 29:
                 if (!_classPrivateFieldGet(_this, _videoStream)) {
-                  _context2.next = 29;
+                  _context2.next = 33;
                   break;
                 }
                 stream = _classPrivateFieldGet(_this, _videoStream);
-                _context2.next = 32;
+                _context2.next = 36;
                 break;
-              case 29:
-                _context2.next = 31;
+              case 33:
+                _context2.next = 35;
                 return window.navigator.mediaDevices.getDisplayMedia({
                   video: _classPrivateFieldGet(_this, _video) || true,
                   audio: true
                 });
-              case 31:
+              case 35:
                 stream = _context2.sent;
-              case 32:
+              case 36:
                 // Event triggered when the user clicks on the stop sharing overlay button
                 stream.getVideoTracks()[0].addEventListener("ended", function () {
                   _this.stopRecording();
@@ -1908,11 +1912,11 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 _classPrivateFieldGet(_this, _store).setState({
                   status: SCREEN_RECORDER_STATUS.media_acquired
                 });
-                _context2.next = 44;
+                _context2.next = 48;
                 break;
-              case 41:
-                _context2.prev = 41;
-                _context2.t1 = _context2["catch"](1);
+              case 45:
+                _context2.prev = 45;
+                _context2.t5 = _context2["catch"](1);
                 if (_classPrivateFieldGet(_this, _audio) && !_classPrivateFieldGet(_this, _audioStream)) {
                   _classPrivateFieldGet(_this, _store).setState({
                     error: SCREEN_RECORDER_ERROR.MicPermissionDenied,
@@ -1920,15 +1924,15 @@ var ScreenRecorder = /*#__PURE__*/function () {
                   });
                 } else if (!_classPrivateFieldGet(_this, _mediaStream) || isStreamEnded(_classPrivateFieldGet(_this, _mediaStream))) {
                   _classPrivateFieldGet(_this, _store).setState({
-                    error: SCREEN_RECORDER_ERROR[_context2.t1.name],
+                    error: SCREEN_RECORDER_ERROR[_context2.t5.name],
                     status: SCREEN_RECORDER_STATUS.idle
                   });
                 }
-              case 44:
+              case 48:
               case "end":
                 return _context2.stop();
             }
-          }, _callee2, null, [[1, 41], [9, 22]]);
+          }, _callee2, null, [[1, 45], [13, 26]]);
         }));
         function value() {
           return _value.apply(this, arguments);
@@ -1939,9 +1943,9 @@ var ScreenRecorder = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _fireCallbacks, {
       writable: true,
       value: function value(event) {
-        var _classPrivateFieldGet22;
+        var _classPrivateFieldGet14;
         var args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        (_classPrivateFieldGet22 = _classPrivateFieldGet(_this, _callbacks)[event]) === null || _classPrivateFieldGet22 === void 0 ? void 0 : _classPrivateFieldGet22.forEach(function (callback) {
+        (_classPrivateFieldGet14 = _classPrivateFieldGet(_this, _callbacks)[event]) === null || _classPrivateFieldGet14 === void 0 ? void 0 : _classPrivateFieldGet14.forEach(function (callback) {
           callback.apply(void 0, _toConsumableArray(args));
         });
       }
@@ -1980,7 +1984,59 @@ var ScreenRecorder = /*#__PURE__*/function () {
         }
       }
     });
-    _classPrivateFieldInitSpec(this, _countdownAndStartRecording, {
+    _classPrivateFieldInitSpec(this, _startMediaRecorder, {
+      writable: true,
+      value: function value() {
+        _classPrivateFieldSet(_this, _startRecordingTimeoutID, setTimeout(function () {
+          try {
+            _classPrivateFieldGet(_this, _logger).info("starting mediaRecorder");
+            if (!_classPrivateFieldGet(_this, _mediaRecorder)) {
+              _classPrivateFieldGet(_this, _logger).info("mediaRecorder is not defined");
+              _classPrivateFieldGet(_this, _store).setState({
+                status: SCREEN_RECORDER_STATUS.idle,
+                error: SCREEN_RECORDER_ERROR.FailedToStart
+              });
+              return;
+            }
+            if (!_classPrivateFieldGet(_this, _mediaStream) || isStreamEnded(_classPrivateFieldGet(_this, _mediaStream))) {
+              _classPrivateFieldGet(_this, _logger).info("media stream ended, not starting mediaRecorder");
+              _classPrivateFieldGet(_this, _store).setState({
+                status: SCREEN_RECORDER_STATUS.idle,
+                error: SCREEN_RECORDER_ERROR.FailedToStart
+              });
+              return;
+            }
+            _classPrivateFieldGet(_this, _store).setState({
+              status: SCREEN_RECORDER_STATUS.recording
+            });
+            _classPrivateFieldGet(_this, _mediaRecorder).start(5000);
+            _classPrivateFieldGet(_this, _logger).info("started mediaRecorder");
+            _classPrivateFieldGet(_this, _startTimer).call(_this);
+          } catch (error) {
+            _classPrivateFieldGet(_this, _logger).info("Failed to start mediaRecorder", error);
+            _classPrivateFieldGet(_this, _store).setState({
+              status: SCREEN_RECORDER_STATUS.idle,
+              error: SCREEN_RECORDER_ERROR.FailedToStart
+            });
+
+            // To prevent triggering #onRecordingStop when the mediaRecorder is failed to start.
+            if (_classPrivateFieldGet(_this, _mediaRecorder)) {
+              _classPrivateFieldGet(_this, _mediaRecorder).onstop = noop;
+            }
+            if (_classPrivateFieldGet(_this, _mediaStream)) {
+              _classPrivateFieldGet(_this, _stopAllStreams).call(_this);
+              _classPrivateFieldSet(_this, _mediaStream, null);
+            }
+            _classPrivateFieldSet(_this, _stream, null);
+            _classPrivateFieldSet(_this, _audioStream, null);
+            _classPrivateFieldSet(_this, _micAudioStream, null);
+            _classPrivateFieldSet(_this, _mediaRecorder, null);
+            throw error;
+          }
+        }, HALF_A_SECOND_IN_MILLISECONDS));
+      }
+    });
+    _classPrivateFieldInitSpec(this, _startCountdown, {
       writable: true,
       value: function value() {
         if (_classPrivateFieldGet(_this, _countdownTimerId)) return;
@@ -1999,56 +2055,9 @@ var ScreenRecorder = /*#__PURE__*/function () {
             }
             _classPrivateFieldGet(_this, _fireCallbacks).call(_this, SCREEN_RECORDER_EVENT.onCountdown, [0]);
             _classPrivateFieldGet(_this, _fireCallbacks).call(_this, SCREEN_RECORDER_EVENT.onCountdownEnd);
-            _classPrivateFieldGet(_this, _store).setState({
-              status: SCREEN_RECORDER_STATUS.recording
-            });
             clearInterval(_classPrivateFieldGet(_this, _countdownTimerId));
             _classPrivateFieldSet(_this, _countdownTimerId, null);
-            _classPrivateFieldSet(_this, _startRecordingTimeoutID, setTimeout(function () {
-              try {
-                _classPrivateFieldGet(_this, _logger).info("starting mediaRecorder");
-                if (!_classPrivateFieldGet(_this, _mediaRecorder)) {
-                  _classPrivateFieldGet(_this, _logger).info("mediaRecorder is not defined");
-                  _classPrivateFieldGet(_this, _store).setState({
-                    status: SCREEN_RECORDER_STATUS.idle,
-                    error: SCREEN_RECORDER_ERROR.FailedToStart
-                  });
-                  return;
-                }
-                if (!_classPrivateFieldGet(_this, _mediaStream) || isStreamEnded(_classPrivateFieldGet(_this, _mediaStream))) {
-                  _classPrivateFieldGet(_this, _logger).info("media stream ended, not starting mediaRecorder");
-                  _classPrivateFieldGet(_this, _store).setState({
-                    status: SCREEN_RECORDER_STATUS.idle,
-                    error: SCREEN_RECORDER_ERROR.FailedToStart
-                  });
-                  return;
-                }
-                _classPrivateFieldGet(_this, _mediaRecorder).start(5000);
-                _classPrivateFieldGet(_this, _logger).info("started mediaRecorder");
-                _classPrivateFieldGet(_this, _startTimer).call(_this);
-              } catch (error) {
-                _classPrivateFieldGet(_this, _logger).info("Failed to start mediaRecorder", error);
-                _classPrivateFieldGet(_this, _store).setState({
-                  status: SCREEN_RECORDER_STATUS.idle,
-                  error: SCREEN_RECORDER_ERROR.FailedToStart
-                });
-
-                // To prevent triggering #onRecordingStop when the mediaRecorder is failed to start.
-                if (_classPrivateFieldGet(_this, _mediaRecorder)) {
-                  _classPrivateFieldGet(_this, _mediaRecorder).onstop = noop;
-                }
-                if (_classPrivateFieldGet(_this, _mediaStream)) {
-                  _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
-                    return track.stop();
-                  });
-                  _classPrivateFieldSet(_this, _mediaStream, null);
-                }
-                _classPrivateFieldSet(_this, _stream, null);
-                _classPrivateFieldSet(_this, _audioStream, null);
-                _classPrivateFieldSet(_this, _mediaRecorder, null);
-                throw error;
-              }
-            }, HALF_A_SECOND_IN_MILLISECONDS));
+            _classPrivateFieldGet(_this, _startMediaRecorder).call(_this);
             return {
               countdownTimeLeft: 0
             };
@@ -2094,7 +2103,6 @@ var ScreenRecorder = /*#__PURE__*/function () {
           _classPrivateFieldGet(_this, _store).setState({
             showTimeLimitWarning: true
           });
-          _classPrivateFieldSet(_this, _stopRecordingDueToLimitReachedAudio, new Audio(STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND));
           return;
         }
         _classPrivateFieldGet(_this, _stopRecordingDueToLimitReachedAudio).play();
@@ -2124,11 +2132,11 @@ var ScreenRecorder = /*#__PURE__*/function () {
   }, {
     key: "displaySurface",
     get: function get() {
-      var _classPrivateFieldGet25;
-      var _classPrivateFieldGet23 = (_classPrivateFieldGet25 = _classPrivateFieldGet(this, _mediaStream)) === null || _classPrivateFieldGet25 === void 0 ? void 0 : _classPrivateFieldGet25.getVideoTracks(),
-        _classPrivateFieldGet24 = _slicedToArray(_classPrivateFieldGet23, 1),
-        videoTrack = _classPrivateFieldGet24[0];
-      return videoTrack.getSettings().displaySurface;
+      var _classPrivateFieldGet15, _classPrivateFieldGet16;
+      var _ref5 = (_classPrivateFieldGet15 = (_classPrivateFieldGet16 = _classPrivateFieldGet(this, _mediaStream)) === null || _classPrivateFieldGet16 === void 0 ? void 0 : _classPrivateFieldGet16.getVideoTracks()) !== null && _classPrivateFieldGet15 !== void 0 ? _classPrivateFieldGet15 : [],
+        _ref6 = _slicedToArray(_ref5, 1),
+        videoTrack = _ref6[0];
+      return videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.getSettings().displaySurface;
     }
   }, {
     key: "audioConfiguration",