Added WebAssembly support check

JPVenson · web-flow · commit b5f5da054419 · 2024-08-08T07:42:59.000Z
diff --git a/Jellyfin.HardwareVisualizer/Client/wwwroot/BrowserNotSupported.html b/Jellyfin.HardwareVisualizer/Client/wwwroot/BrowserNotSupported.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+</head>
+<body>
+    <div>
+        Your browser doesn't support <a href="https://developer.mozilla.org/en-US/docs/WebAssembly">WebAssembly</a>
+    </div>
+    
+    <br />
+    
+    <div>
+        For more information on WebAssembly browser support please follow <a href="https://caniuse.com/#search=webassembly">this link</a>.
+    </div>
+
+</body>
+</html>
diff --git a/Jellyfin.HardwareVisualizer/Client/wwwroot/index.html b/Jellyfin.HardwareVisualizer/Client/wwwroot/index.html
@@ -45,7 +45,38 @@
     <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js" async=""></script>
     <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js" async=""></script>
     <script src="BlazorJsonSchemaHelper.js" async=""></script>
-    <script src="_framework/blazor.webassembly.js"></script>
+    <!--prevent autostarting-->
+    <script src="_framework/blazor.webassembly.js" autostart="false"></script>
+
+    <script>
+
+        //check if webassembly is supported
+        const webassemblySupported = (function () {
+            try {
+                if (typeof WebAssembly === "object"
+                    && typeof WebAssembly.instantiate === "function") {
+                    const module = new WebAssembly.Module(
+                        Uint8Array.of(0x0, 0x61, 0x73, 0x6d,
+                            0x01, 0x00, 0x00, 0x00));
+                    if (module instanceof WebAssembly.Module)
+                        return new WebAssembly.Instance(module)
+                            instanceof WebAssembly.Instance;
+                }
+            } catch (e) {
+            }
+            return false;
+        })();
+
+        // Modern browsers e.g. Microsoft Edge
+        if (webassemblySupported) {
+            Blazor.start({});
+        }
+        // Older browsers e.g. IE11
+        else {
+            window.location = window.location + "BrowserNotSupported.html";
+        }
+
+    </script>
 </body>
 
 </html>
