@bigbinary/neeto-media-recorder 2.7.28 → 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) {
@@ -1651,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,
@@ -2076,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