Remove async

2025-09-01 20:51:18 -07:00
parent 5a705a3f56
commit 9e36733c10
13 changed files with 341 additions and 385 deletions
--- a/Examples/fromMic.html
+++ b/Examples/fromMic.html
@@ -1,43 +1,45 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <script src="../Vosklet.js" async defer></script>
-    <script>
-      async function start() {
-        
-        // All data is collected and transfered to the main thread so the AudioContext won't output anything. Set sinkId type to none to save power
-        let ctx = new AudioContext({sinkId: {type: "none"}});

-        // Setup microphone  
-        let micNode = ctx.createMediaStreamSource(await navigator.mediaDevices.getUserMedia({
-          video: false,
-          audio: {
-            echoCancellation: true,
-            noiseSuppression: true,
-            channelCount: 1
-          },
-        }));
+<head>
+  <script src="../Vosklet.js" async defer></script>
+  <script>
+    async function start() {

-        // Load Vosklet module, model and recognizer
-        let module = await loadVosklet();
-        let model = await module.createModel("https://ccoreilly.github.io/vosk-browser/models/vosk-model-small-en-us-0.15.tar.gz", "English", "vosk-model-small-en-us-0.15");
-        let recognizer = await module.createRecognizer(model, ctx.sampleRate);
+      // All data is collected and transfered to the main thread so the AudioContext won't output anything. Set sinkId type to none to save power
+      let ctx = new AudioContext({ sinkId: { type: "none" } });

-        // Listen for result and partial result
-        recognizer.addEventListener("result", ev => console.log("Result: ", ev.detail));
-        recognizer.addEventListener("partialResult", ev => console.log("Partial result: ", ev.detail));
+      // Setup microphone  
+      let micNode = ctx.createMediaStreamSource(await navigator.mediaDevices.getUserMedia({
+        video: false,
+        audio: {
+          echoCancellation: true,
+          noiseSuppression: true,
+          channelCount: 1
+        },
+      }));

-        // Create a transferer node to get audio data on the main thread
-        let transferer = await module.createTransferer(ctx, 128 * 150);
+      // Load Vosklet module, model and recognizer
+      let module = await loadVosklet();
+      let model = await module.createModel("https://ccoreilly.github.io/vosk-browser/models/vosk-model-small-en-us-0.15.tar.gz", "English", "vosk-model-small-en-us-0.15");
+      let recognizer = await module.createRecognizer(model, ctx.sampleRate);

-        // Recognize data on arrival
-        transferer.port.onmessage = ev => recognizer.acceptWaveform(ev.data);
+      // Listen for result and partial result
+      recognizer.addEventListener("result", ev => console.log("Result: ", ev.detail));
+      recognizer.addEventListener("partialResult", ev => console.log("Partial result: ", ev.detail));
+
+      // Create a transferer node to get audio data on the main thread
+      let transferer = await module.createTransferer(ctx, 128 * 150);
+
+      // Recognize data on arrival
+      transferer.port.onmessage = ev => recognizer.acceptWaveform(ev.data);
+
+      // Connect transferer to microphone
+      micNode.connect(transferer);
+    }
+  </script>
+  <!-- Start and create audio context only as a result of user's action -->
+  <button onclick="start()">Start</button>
+</head>

-        // Connect transferer to microphone
-        micNode.connect(transferer);
-      }
-    </script>
-    <!-- Start and create audio context only as a result of user's action -->
-    <button onclick="start()">Start</button>
-  </head>
 </html>