wasm support

2026-03-25 19:50:21 +01:00
parent 548db30cdd
commit ab52775ba7
12 changed files with 541 additions and 57 deletions
--- a/web/shell.html
+++ b/web/shell.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Baudline Spectrum Analyzer</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body { width: 100%; height: 100%; overflow: hidden; background: #111; }
+  #canvas {
+    display: block;
+    width: 100vw;
+    height: 100vh;
+    outline: none;
+  }
+  #status {
+    position: fixed;
+    bottom: 8px;
+    left: 50%;
+    transform: translateX(-50%);
+    color: #888;
+    font: 13px monospace;
+    pointer-events: none;
+    z-index: 10;
+  }
+  #loading {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #ccc;
+    font: 18px monospace;
+    z-index: 20;
+  }
+</style>
+</head>
+<body>
+<div id="loading">Loading...</div>
+<canvas id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1"></canvas>
+<div id="status"></div>
+
+<script>
+  var Module = {
+    canvas: (function() { return document.getElementById('canvas'); })(),
+    onRuntimeInitialized: function() {
+      document.getElementById('loading').style.display = 'none';
+    },
+    setStatus: function(text) {
+      document.getElementById('status').textContent = text;
+    },
+    // Auto-resize canvas to fill the window.
+    preRun: [function() {
+      function resize() {
+        var canvas = document.getElementById('canvas');
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+      }
+      resize();
+      window.addEventListener('resize', resize);
+    }]
+  };
+</script>
+{{{ SCRIPT }}}
+</body>
+</html>