@bigbinary/neeto-media-recorder 2.4.0 → 2.4.2

package/index.js

@@ -13,7 +13,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import { useMutation } from '@tanstack/react-query';
 import axios from 'axios';
 import platform from 'platform';
-import { isNotNil, isEmpty } from 'ramda';
+import { isNotNil, isNil, isEmpty } from 'ramda';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -524,9 +524,34 @@ var MIME_TYPE = {
 };
  // 2 hours
 
+// https://www.w3.org/TR/screen-capture/#displaycapturesurfacetype
+var MINIMUM_CHROMIUM_VERSION_FOR_MP4 = "128.0.6613.85";
+
+function getChromiumVersion() {
+  var userAgent = navigator.userAgent;
+  var match = userAgent.match(/Chrom(e|ium)\/(([0-9][.]?)+)/);
+  if (match) {
+    return match[2];
+  }
+  return null;
+}
+var versionToInteger = function versionToInteger(version) {
+  return parseInt(version.replaceAll(".", ""));
+};
 var getSupportedMimeType = function getSupportedMimeType(fallback) {
   if (MediaRecorder.isTypeSupported(MIME_TYPE.mp4)) {
-    return MIME_TYPE.mp4;
+    if (platform.name === "Safari") {
+      return MIME_TYPE.mp4;
+    }
+    var chromiumVersion = getChromiumVersion();
+    if (isNil(chromiumVersion)) {
+      return MIME_TYPE.webmH264;
+    }
+    var isChromiumVersionSupported = versionToInteger(chromiumVersion) >= versionToInteger(MINIMUM_CHROMIUM_VERSION_FOR_MP4);
+    if (isChromiumVersionSupported) {
+      return MIME_TYPE.mp4;
+    }
+    return MIME_TYPE.webmH264;
   } else if (MediaRecorder.isTypeSupported(MIME_TYPE.webmH264)) {
     return MIME_TYPE.webmH264;
   }