Add browser check (betaflight#778)

Author: haslinghuis

src/main.js

@@ -31,6 +31,7 @@ import {
   validate,
   mouseNotification,
   getManifestVersion,
+  isChromium,
 } from "./tools.js";
 import { PrefStorage } from "./pref_storage.js";
 import { makeScreenshot } from "./screenshot.js";
@@ -1729,6 +1730,12 @@ function BlackboxLogViewer() {
       $(".btn-video-export").click(function (e) {
         setGraphState(GRAPH_STATE_PAUSED);
 
+        // Video export is only supported in Chromium based browsers
+        if (!isChromium()) {
+          alert("Video export is only supported in Chromium based browsers.");
+          return;
+        }
+
         const exportDialog = new VideoExportDialog($("#dlgVideoExport"), function(newConfig) {
           videoConfig = newConfig;
 

src/tools.js

@@ -484,3 +484,17 @@ export function getManifestVersion(manifest) {
 export function escapeRegExp(string) {
   return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
+
+export function isChromium() {
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
+  if (!navigator.userAgentData) {
+    console.log(navigator.userAgent);
+    return false;
+  }
+
+  console.log(navigator.userAgentData);
+  // https://learn.microsoft.com/en-us/microsoft-edge/web-platform/user-agent-guidance
+  return navigator.userAgentData.brands.some((brand) => {
+    return brand.brand == "Chromium";
+  });
+}