@bigbinary/neeto-media-recorder 2.7.27 → 2.7.29-beta.1

package/index.js

@@ -508,14 +508,44 @@ var UPLOAD_STATUS = {
 };
 var HAS_CHROME_NAMESPACE = (typeof chrome === "undefined" ? "undefined" : _typeof$1(chrome)) === "object";
 var IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
-platform.name === "Safari";
+var IS_SAFARI = platform.name === "Safari";
+
+// Firefox refuses to start a MediaRecorder on a stream that has both audio and
+// video tracks unless the MIME string declares the audio codec too. Chromium
+// and Safari accept the video-only form and silently pick Opus/AAC. We keep
+// both variants and always prefer the codec-complete ones in
+// getSupportedMimeType so a single code path works across browsers.
 var MIME_TYPE = {
   mp4: "video/mp4",
-  webmH264: "video/webm;codecs=h264"
+  webmH264Opus: "video/webm;codecs=h264,opus",
+  webmH264: "video/webm;codecs=h264",
+  webmVp9Opus: "video/webm;codecs=vp9,opus",
+  webmVp9: "video/webm;codecs=vp9",
+  webmVp8Opus: "video/webm;codecs=vp8,opus",
+  webmVp8: "video/webm;codecs=vp8",
+  webm: "video/webm"
 };
 
+// Picks the best MediaRecorder MIME type the current browser supports.
+// Chromium produces H.264-in-WebM, Safari only produces MP4, and Firefox
+// produces VP9/VP8-in-WebM. Returns null if none of the candidates are
+// supported so callers can surface an "unsupported browser" state.
 var getSupportedMimeType = function getSupportedMimeType() {
-  return MIME_TYPE.webmH264;
+  var _candidates$find;
+  if (typeof MediaRecorder === "undefined") return null;
+
+  // Safari only exposes a working MediaRecorder for MP4.
+  if (IS_SAFARI && MediaRecorder.isTypeSupported(MIME_TYPE.mp4)) {
+    return MIME_TYPE.mp4;
+  }
+
+  // Prefer types that declare the audio codec explicitly. Firefox requires
+  // this when the MediaStream has both audio and video tracks; Chromium and
+  // Safari are happy with either form.
+  var candidates = [MIME_TYPE.webmH264Opus, MIME_TYPE.webmVp9Opus, MIME_TYPE.webmVp8Opus, MIME_TYPE.webmH264, MIME_TYPE.webmVp9, MIME_TYPE.webmVp8, MIME_TYPE.webm, MIME_TYPE.mp4];
+  return (_candidates$find = candidates.find(function (type) {
+    return MediaRecorder.isTypeSupported(type);
+  })) !== null && _candidates$find !== void 0 ? _candidates$find : null;
 };
 
 var formatTime = function formatTime(time) {
@@ -1251,7 +1281,9 @@ var FailedToStart = withT(function (_ref) {
 var getAnalyser = function getAnalyser() {
   var _screenRecorder$getAu;
   var stream = (_screenRecorder$getAu = screenRecorder.getAudioStream) === null || _screenRecorder$getAu === void 0 ? void 0 : _screenRecorder$getAu.call(screenRecorder);
-  if (!stream) return null;
+  if (!stream) {
+    return null;
+  }
   var ctx = new (window.AudioContext || window.webkitAudioContext)();
   var source = ctx.createMediaStreamSource(stream);
   var analyser = ctx.createAnalyser();
@@ -1337,8 +1369,7 @@ var useAudioIsCapturing = function useAudioIsCapturing(_ref) {
   useEffect(function () {
     if (!isMicOn || !timerStarted || disable) return noop;
     var analyserObj = null;
-    var rafId;
-    var loop = function loop() {
+    var checkAudio = function checkAudio() {
       if (!analyserObj) analyserObj = getAnalyser();
       // if no stream yet or analyser failed, treat as silence
       var isSilent = !analyserObj ? true : function () {
@@ -1355,11 +1386,13 @@ var useAudioIsCapturing = function useAudioIsCapturing(_ref) {
         remainingRef.current = MIC_NOT_WORKING_SILENCE_TIMEOUT;
         if (!hasAudio) setHasAudio(true);
       }
-      rafId = requestAnimationFrame(loop);
     };
-    loop();
+
+    // Use interval polling instead of rAF so this keeps running in inactive tabs.
+    checkAudio();
+    var intervalId = setInterval(checkAudio, 1000);
     return function () {
-      cancelAnimationFrame(rafId);
+      clearInterval(intervalId);
       clearTimer();
       if (analyserObj) {
         analyserObj.source.disconnect();
@@ -1648,7 +1681,7 @@ var useRecorderStore = screenRecorder.useRecorderStore,
   restartRecording = screenRecorder.restartRecording,
   discardRecording = screenRecorder.discardRecording;
 var globalProps = ((_window = window) === null || _window === void 0 ? void 0 : _window.globalProps) || {};
-var MediaRecorder = function MediaRecorder(_ref, ref) {
+var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
   var _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
     _ref$onDiscard = _ref.onDiscard,
@@ -2073,7 +2106,7 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     })]
   });
 };
-var index = /*#__PURE__*/forwardRef(MediaRecorder);
+var index = /*#__PURE__*/forwardRef(MediaRecorder$1);
 
 export { index as MediaRecorder };
 //# sourceMappingURL=index.js.map