Update game build from GitLab CI

server/ActionProcessor.py

@@ -0,0 +1,56 @@
+from threading import Thread
+from queue import Queue
+from typing import Dict, Any
+import json
+import re
+
+
+class ActionProcessor(Thread):
+    def __init__(self, text_queue: "Queue[str]", action_queue: "Queue[str]"):
+        super().__init__()
+        self.text_queue = text_queue
+        self.action_queue = action_queue
+        self.daemon = True  # Thread will exit when main program exits
+
+    def process_text(self, text: str) -> Dict[str, Any] | None:
+        """Convert text into an action if a complete command is detected."""
+        # Define command patterns
+        command_patterns = {
+            r"(?i)\b(stop|now)\b": "stop",
+            r"(?i)\b(come back|get back)\b": "return",
+            r"(?i)\b(easy)\b": "slow",
+            r"(?i)\b(stop drinking)\b": "pause_liquid",
+            r"(?i)\b(stop eating)\b": "pause_solid",
+            r"(?i)\b(look at me)\b": "look_at_me",
+            r"(?i)\b(look away)\b": "look_away",
+            r"(?i)\b(don't do that)\b": "stop",
+        }
+
+        # Check each pattern
+        for pattern, action_type in command_patterns.items():
+            match = re.search(pattern, text.lower())
+            if match:
+                return {"type": action_type}
+
+        return None
+
+    def run(self) -> None:
+        """Main processing loop."""
+        while True:
+            try:
+                # Get text from queue, blocks until text is available
+                text = self.text_queue.get()
+
+                # Process the text into an action
+                action = self.process_text(text)
+
+                # If we got a valid action, add it to the action queue
+                if action:
+                    self.action_queue.put(json.dumps(action))
+
+                # Mark the text as processed
+                self.text_queue.task_done()
+
+            except Exception as e:
+                print(f"Error processing text: {str(e)}")
+                continue

server/AudioRecorder.py

@@ -1,8 +1,7 @@
-from multiprocessing import Process, Pipe, connection
-from typing import Optional, List, Deque
+from multiprocessing import Process, connection
+from typing import Any, Dict, Optional, List, Deque
 from collections import deque
 import pyaudio
-import time
 import io
 import wave
 
@@ -24,7 +23,7 @@ class AudioRecorder:
         self.input_device_index: Optional[int] = input_device_index
 
     @staticmethod
-    def list_microphones() -> List[dict]:
+    def list_microphones() -> List[Dict[str, Any]]:
         """List all available input devices with their properties"""
         p = pyaudio.PyAudio()
         devices = []
@@ -92,53 +91,3 @@ class AudioRecorder:
         if self.recording_process:
             self.recording_process.terminate()
             self.recording_process = None
-
-
-def transcription_process(input_pipe: connection.Connection) -> None:
-    from server.tts import AudioTranscriber  # Import here to avoid thread locks
-
-    transcriber = AudioTranscriber()
-
-    while True:
-        try:
-            audio_data = input_pipe.recv()
-            audio_buffer = io.BytesIO(audio_data)
-            audio_buffer.seek(0)
-
-            segments, info = transcriber.transcribe_audio_bytes(
-                audio_buffer, language="fr"
-            )
-            transcriber.print_segments(segments)
-        except Exception as e:
-            print(f"Transcription error: {e}")
-
-
-if __name__ == "__main__":
-    # List available microphones
-    microphones = AudioRecorder.list_microphones()
-    print("\nAvailable microphones:")
-    for i, device in enumerate(microphones):
-        print(f"{i}: {device['name']}")
-
-    # Ask for microphone selection
-    selected_index = int(input("\nSelect microphone index: "))
-    device_index = microphones[selected_index]["index"]
-
-    # Create pipe for communication between processes
-    recorder_conn, transcriber_conn = Pipe()
-
-    # Create and start transcription process
-    transcription_proc = Process(target=transcription_process, args=(transcriber_conn,))
-    transcription_proc.start()
-
-    # Create and start recorder with selected device
-    recorder = AudioRecorder(recorder_conn, input_device_index=device_index)
-    print("Début de l'enregistrement... Appuyez sur Ctrl+C pour arrêter")
-    try:
-        recorder.start_recording()
-        while True:
-            time.sleep(1)
-    except KeyboardInterrupt:
-        recorder.stop_recording()
-        transcription_proc.terminate()
-        print("\nEnregistrement arrêté")

server/AudioTranscriber.py

@@ -6,10 +6,10 @@ from faster_whisper import WhisperModel
 
 
 class AudioTranscriber(threading.Thread):
-    def __init__(self, audio_queue: Queue[io.BytesIO], action_queue: Queue[str]):
+    def __init__(self, audio_queue: "Queue[io.BytesIO]", text_queue: "Queue[str]"):
         super().__init__()
         self.audio_queue = audio_queue
-        self.action_queue = action_queue
+        self.action_queue = text_queue
         self.daemon = True  # Thread will exit when main program exits
 
         self.transcriber = WhisperModel(

server/__main__.py

@@ -1,22 +1,22 @@
-from ast import Tuple
 import io
+import json
 from flask import Flask, send_from_directory, jsonify, request, abort
 import os
 import gunicorn.app.base
 from flask_cors import CORS
 from multiprocessing import Queue
 import base64
-from typing import Any, Optional, List, Dict
+from typing import Any, Optional, List, Dict, Tuple
 from queue import Queue
 
 from server.AudioTranscriber import AudioTranscriber
+from server.ActionProcessor import ActionProcessor
 
 # Use a directory in the user's home folder for static files
-STATIC_DIR = "/app/server/static"
+STATIC_DIR = "/app/server/static" if os.getenv("DEBUG") != "true" else "./server"
 
-# Add a global queue for audio processing
 audio_queue: "Queue[io.BytesIO]" = Queue()
-# Add a global queue for actions
+text_queue: "Queue[str]" = Queue()
 action_queue: "Queue[str]" = Queue()
 
 app = Flask(__name__, static_folder=STATIC_DIR)
@@ -78,20 +78,31 @@ def get_data():
 
 @app.route("/api/process", methods=["POST"])
 def process_data():
+    print("Processing data")
     try:
-        data = request.get_json()
+        # Check content type
+        content_type = request.headers.get("Content-Type", "")
+
+        # Handle different content types
+        if "application/json" in content_type:
+            data = request.get_json()
+            audio_base64 = data.get("audio_chunk")
+        elif "multipart/form-data" in content_type:
+            audio_base64 = request.form.get("audio_chunk")
+        else:
+            # Try to get raw data
+            audio_base64 = request.get_data().decode("utf-8")
 
         # Validate the incoming data
-        if not data or "audio_chunk" not in data:
+        if not audio_base64:
             return (
                 jsonify({"error": "Missing audio_chunk in request", "status": "error"}),
                 400,
             )
 
         # Decode the base64 audio chunk
-        audio_chunk: Optional[bytes] = None
         try:
-            audio_chunk = base64.b64decode(data["audio_chunk"])
+            audio_chunk = base64.b64decode(audio_base64)
         except Exception as e:
             return (
                 jsonify(
@@ -130,10 +141,10 @@ def get_actions() -> Tuple[Dict[str, Any], int]:
     while not action_queue.empty():
         try:
             actions.append(action_queue.get_nowait())
-        except:
+        except Exception:
             break
 
-    return jsonify({"actions": actions, "status": "success"}), 200
+    return jsonify({"actions": json.dumps(actions), "status": "success"}), 200
 
 
 @app.route("/<path:path>")
@@ -167,9 +178,13 @@ if __name__ == "__main__":
     os.makedirs(app.static_folder, exist_ok=True)
 
     # Start the audio transcriber thread
-    transcriber = AudioTranscriber(audio_queue, action_queue)
+    transcriber = AudioTranscriber(audio_queue, text_queue)
     transcriber.start()
 
+    # Start the action processor thread
+    action_processor = ActionProcessor(text_queue, action_queue)
+    action_processor.start()
+
     options: Any = {
         "bind": "0.0.0.0:7860",
         "workers": 3,

server/static/godot/index.html

@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no">
+		<title>Magame</title>
+		<style>
+body {
+	touch-action: none;
+	margin: 0;
+	border: 0 none;
+	padding: 0;
+	text-align: center;
+	background-color: black;
+}
+
+#canvas {
+	display: block;
+	margin: 0;
+	color: white;
+}
+
+#canvas:focus {
+	outline: none;
+}
+
+.godot {
+	font-family: 'Noto Sans', 'Droid Sans', Arial, sans-serif;
+	color: #e0e0e0;
+	background-color: #3b3943;
+	background-image: linear-gradient(to bottom, #403e48, #35333c);
+	border: 1px solid #45434e;
+	box-shadow: 0 0 1px 1px #2f2d35;
+}
+
+/* Status display */
+
+#status {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	/* don't consume click events - make children visible explicitly */
+	visibility: hidden;
+}
+
+#status-progress {
+	width: 366px;
+	height: 7px;
+	background-color: #38363A;
+	border: 1px solid #444246;
+	padding: 1px;
+	box-shadow: 0 0 2px 1px #1B1C22;
+	border-radius: 2px;
+	visibility: visible;
+}
+
+@media only screen and (orientation:portrait) {
+	#status-progress {
+		width: 61.8%;
+	}
+}
+
+#status-progress-inner {
+	height: 100%;
+	width: 0;
+	box-sizing: border-box;
+	transition: width 0.5s linear;
+	background-color: #202020;
+	border: 1px solid #222223;
+	box-shadow: 0 0 1px 1px #27282E;
+	border-radius: 3px;
+}
+
+#status-indeterminate {
+	height: 42px;
+	visibility: visible;
+	position: relative;
+}
+
+#status-indeterminate > div {
+	width: 4.5px;
+	height: 0;
+	border-style: solid;
+	border-width: 9px 3px 0 3px;
+	border-color: #2b2b2b transparent transparent transparent;
+	transform-origin: center 21px;
+	position: absolute;
+}
+
+#status-indeterminate > div:nth-child(1) { transform: rotate( 22.5deg); }
+#status-indeterminate > div:nth-child(2) { transform: rotate( 67.5deg); }
+#status-indeterminate > div:nth-child(3) { transform: rotate(112.5deg); }
+#status-indeterminate > div:nth-child(4) { transform: rotate(157.5deg); }
+#status-indeterminate > div:nth-child(5) { transform: rotate(202.5deg); }
+#status-indeterminate > div:nth-child(6) { transform: rotate(247.5deg); }
+#status-indeterminate > div:nth-child(7) { transform: rotate(292.5deg); }
+#status-indeterminate > div:nth-child(8) { transform: rotate(337.5deg); }
+
+#status-notice {
+	margin: 0 100px;
+	line-height: 1.3;
+	visibility: visible;
+	padding: 4px 6px;
+	visibility: visible;
+}
+		</style>
+		<link id='-gd-engine-icon' rel='icon' type='image/png' href='index.icon.png' />
+<link rel='apple-touch-icon' href='index.apple-touch-icon.png'/>
+
+	</head>
+	<body>
+		<canvas id="canvas">
+			HTML5 canvas appears to be unsupported in the current browser.<br >
+			Please try updating or use a different browser.
+		</canvas>
+		<div id="status">
+			<div id="status-progress" style="display: none;" oncontextmenu="event.preventDefault();">
+				<div id ="status-progress-inner"></div>
+			</div>
+			<div id="status-indeterminate" style="display: none;" oncontextmenu="event.preventDefault();">
+				<div></div>
+				<div></div>
+				<div></div>
+				<div></div>
+				<div></div>
+				<div></div>
+				<div></div>
+				<div></div>
+			</div>
+			<div id="status-notice" class="godot" style="display: none;"></div>
+		</div>
+
+		<script src="index.js"></script>
+		<script>
+const GODOT_CONFIG = {"args":[],"canvasResizePolicy":2,"executable":"index","experimentalVK":false,"fileSizes":{"index.pck":5424,"index.wasm":35410474},"focusCanvas":true,"gdextensionLibs":[]};
+const engine = new Engine(GODOT_CONFIG);
+
+(function () {
+	const INDETERMINATE_STATUS_STEP_MS = 100;
+	const statusProgress = document.getElementById('status-progress');
+	const statusProgressInner = document.getElementById('status-progress-inner');
+	const statusIndeterminate = document.getElementById('status-indeterminate');
+	const statusNotice = document.getElementById('status-notice');
+
+	let initializing = true;
+	let statusMode = 'hidden';
+
+	let animationCallbacks = [];
+	function animate(time) {
+		animationCallbacks.forEach((callback) => callback(time));
+		requestAnimationFrame(animate);
+	}
+	requestAnimationFrame(animate);
+
+	function animateStatusIndeterminate(ms) {
+		const i = Math.floor((ms / INDETERMINATE_STATUS_STEP_MS) % 8);
+		if (statusIndeterminate.children[i].style.borderTopColor === '') {
+			Array.prototype.slice.call(statusIndeterminate.children).forEach((child) => {
+				child.style.borderTopColor = '';
+			});
+			statusIndeterminate.children[i].style.borderTopColor = '#dfdfdf';
+		}
+	}
+
+	function setStatusMode(mode) {
+		if (statusMode === mode || !initializing) {
+			return;
+		}
+		[statusProgress, statusIndeterminate, statusNotice].forEach((elem) => {
+			elem.style.display = 'none';
+		});
+		animationCallbacks = animationCallbacks.filter(function (value) {
+			return (value !== animateStatusIndeterminate);
+		});
+		switch (mode) {
+		case 'progress':
+			statusProgress.style.display = 'block';
+			break;
+		case 'indeterminate':
+			statusIndeterminate.style.display = 'block';
+			animationCallbacks.push(animateStatusIndeterminate);
+			break;
+		case 'notice':
+			statusNotice.style.display = 'block';
+			break;
+		case 'hidden':
+			break;
+		default:
+			throw new Error('Invalid status mode');
+		}
+		statusMode = mode;
+	}
+
+	function setStatusNotice(text) {
+		while (statusNotice.lastChild) {
+			statusNotice.removeChild(statusNotice.lastChild);
+		}
+		const lines = text.split('\n');
+		lines.forEach((line) => {
+			statusNotice.appendChild(document.createTextNode(line));
+			statusNotice.appendChild(document.createElement('br'));
+		});
+	}
+
+	function displayFailureNotice(err) {
+		const msg = err.message || err;
+		console.error(msg);
+		setStatusNotice(msg);
+		setStatusMode('notice');
+		initializing = false;
+	}
+
+	const missing = Engine.getMissingFeatures();
+	if (missing.length !== 0) {
+		const missingMsg = 'Error\nThe following features required to run Godot projects on the Web are missing:\n';
+		displayFailureNotice(missingMsg + missing.join('\n'));
+	} else {
+		setStatusMode('indeterminate');
+		engine.startGame({
+			'onProgress': function (current, total) {
+				if (total > 0) {
+					statusProgressInner.style.width = `${(current / total) * 100}%`;
+					setStatusMode('progress');
+					if (current === total) {
+						// wait for progress bar animation
+						setTimeout(() => {
+							setStatusMode('indeterminate');
+						}, 500);
+					}
+				} else {
+					setStatusMode('indeterminate');
+				}
+			},
+		}).then(() => {
+			setStatusMode('hidden');
+			initializing = false;
+		}, displayFailureNotice);
+	}
+}());
+		</script>
+	</body>
+</html>
+

server/static/index.html

@@ -1,248 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no">
-		<title>Magame</title>
-		<style>
-body {
-	touch-action: none;
-	margin: 0;
-	border: 0 none;
-	padding: 0;
-	text-align: center;
-	background-color: black;
-}
-
-#canvas {
-	display: block;
-	margin: 0;
-	color: white;
-}
-
-#canvas:focus {
-	outline: none;
-}
-
-.godot {
-	font-family: 'Noto Sans', 'Droid Sans', Arial, sans-serif;
-	color: #e0e0e0;
-	background-color: #3b3943;
-	background-image: linear-gradient(to bottom, #403e48, #35333c);
-	border: 1px solid #45434e;
-	box-shadow: 0 0 1px 1px #2f2d35;
-}
-
-/* Status display */
-
-#status {
-	position: absolute;
-	left: 0;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	/* don't consume click events - make children visible explicitly */
-	visibility: hidden;
-}
-
-#status-progress {
-	width: 366px;
-	height: 7px;
-	background-color: #38363A;
-	border: 1px solid #444246;
-	padding: 1px;
-	box-shadow: 0 0 2px 1px #1B1C22;
-	border-radius: 2px;
-	visibility: visible;
-}
-
-@media only screen and (orientation:portrait) {
-	#status-progress {
-		width: 61.8%;
-	}
-}
-
-#status-progress-inner {
-	height: 100%;
-	width: 0;
-	box-sizing: border-box;
-	transition: width 0.5s linear;
-	background-color: #202020;
-	border: 1px solid #222223;
-	box-shadow: 0 0 1px 1px #27282E;
-	border-radius: 3px;
-}
-
-#status-indeterminate {
-	height: 42px;
-	visibility: visible;
-	position: relative;
-}
-
-#status-indeterminate > div {
-	width: 4.5px;
-	height: 0;
-	border-style: solid;
-	border-width: 9px 3px 0 3px;
-	border-color: #2b2b2b transparent transparent transparent;
-	transform-origin: center 21px;
-	position: absolute;
-}
-
-#status-indeterminate > div:nth-child(1) { transform: rotate( 22.5deg); }
-#status-indeterminate > div:nth-child(2) { transform: rotate( 67.5deg); }
-#status-indeterminate > div:nth-child(3) { transform: rotate(112.5deg); }
-#status-indeterminate > div:nth-child(4) { transform: rotate(157.5deg); }
-#status-indeterminate > div:nth-child(5) { transform: rotate(202.5deg); }
-#status-indeterminate > div:nth-child(6) { transform: rotate(247.5deg); }
-#status-indeterminate > div:nth-child(7) { transform: rotate(292.5deg); }
-#status-indeterminate > div:nth-child(8) { transform: rotate(337.5deg); }
-
-#status-notice {
-	margin: 0 100px;
-	line-height: 1.3;
-	visibility: visible;
-	padding: 4px 6px;
-	visibility: visible;
-}
-		</style>
-		<link id='-gd-engine-icon' rel='icon' type='image/png' href='index.icon.png' />
-<link rel='apple-touch-icon' href='index.apple-touch-icon.png'/>
-
-	</head>
-	<body>
-		<canvas id="canvas">
-			HTML5 canvas appears to be unsupported in the current browser.<br >
-			Please try updating or use a different browser.
-		</canvas>
-		<div id="status">
-			<div id="status-progress" style="display: none;" oncontextmenu="event.preventDefault();">
-				<div id ="status-progress-inner"></div>
-			</div>
-			<div id="status-indeterminate" style="display: none;" oncontextmenu="event.preventDefault();">
-				<div></div>
-				<div></div>
-				<div></div>
-				<div></div>
-				<div></div>
-				<div></div>
-				<div></div>
-				<div></div>
-			</div>
-			<div id="status-notice" class="godot" style="display: none;"></div>
-		</div>
-
-		<script src="index.js"></script>
-		<script>
-const GODOT_CONFIG = {"args":[],"canvasResizePolicy":2,"executable":"index","experimentalVK":false,"fileSizes":{"index.pck":5424,"index.wasm":35410474},"focusCanvas":true,"gdextensionLibs":[]};
-const engine = new Engine(GODOT_CONFIG);
-
-(function () {
-	const INDETERMINATE_STATUS_STEP_MS = 100;
-	const statusProgress = document.getElementById('status-progress');
-	const statusProgressInner = document.getElementById('status-progress-inner');
-	const statusIndeterminate = document.getElementById('status-indeterminate');
-	const statusNotice = document.getElementById('status-notice');
-
-	let initializing = true;
-	let statusMode = 'hidden';
-
-	let animationCallbacks = [];
-	function animate(time) {
-		animationCallbacks.forEach((callback) => callback(time));
-		requestAnimationFrame(animate);
-	}
-	requestAnimationFrame(animate);
-
-	function animateStatusIndeterminate(ms) {
-		const i = Math.floor((ms / INDETERMINATE_STATUS_STEP_MS) % 8);
-		if (statusIndeterminate.children[i].style.borderTopColor === '') {
-			Array.prototype.slice.call(statusIndeterminate.children).forEach((child) => {
-				child.style.borderTopColor = '';
-			});
-			statusIndeterminate.children[i].style.borderTopColor = '#dfdfdf';
-		}
-	}
-
-	function setStatusMode(mode) {
-		if (statusMode === mode || !initializing) {
-			return;
-		}
-		[statusProgress, statusIndeterminate, statusNotice].forEach((elem) => {
-			elem.style.display = 'none';
-		});
-		animationCallbacks = animationCallbacks.filter(function (value) {
-			return (value !== animateStatusIndeterminate);
-		});
-		switch (mode) {
-		case 'progress':
-			statusProgress.style.display = 'block';
-			break;
-		case 'indeterminate':
-			statusIndeterminate.style.display = 'block';
-			animationCallbacks.push(animateStatusIndeterminate);
-			break;
-		case 'notice':
-			statusNotice.style.display = 'block';
-			break;
-		case 'hidden':
-			break;
-		default:
-			throw new Error('Invalid status mode');
-		}
-		statusMode = mode;
-	}
-
-	function setStatusNotice(text) {
-		while (statusNotice.lastChild) {
-			statusNotice.removeChild(statusNotice.lastChild);
-		}
-		const lines = text.split('\n');
-		lines.forEach((line) => {
-			statusNotice.appendChild(document.createTextNode(line));
-			statusNotice.appendChild(document.createElement('br'));
-		});
-	}
-
-	function displayFailureNotice(err) {
-		const msg = err.message || err;
-		console.error(msg);
-		setStatusNotice(msg);
-		setStatusMode('notice');
-		initializing = false;
-	}
-
-	const missing = Engine.getMissingFeatures();
-	if (missing.length !== 0) {
-		const missingMsg = 'Error\nThe following features required to run Godot projects on the Web are missing:\n';
-		displayFailureNotice(missingMsg + missing.join('\n'));
-	} else {
-		setStatusMode('indeterminate');
-		engine.startGame({
-			'onProgress': function (current, total) {
-				if (total > 0) {
-					statusProgressInner.style.width = `${(current / total) * 100}%`;
-					setStatusMode('progress');
-					if (current === total) {
-						// wait for progress bar animation
-						setTimeout(() => {
-							setStatusMode('indeterminate');
-						}, 500);
-					}
-				} else {
-					setStatusMode('indeterminate');
-				}
-			},
-		}).then(() => {
-			setStatusMode('hidden');
-			initializing = false;
-		}, displayFailureNotice);
-	}
-}());
-		</script>
-	</body>
-</html>
 
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Godot Export with Audio Recording</title>
+</head>
+
+<body>
+    <h1>Godot Export with Microphone Recording</h1>
+
+    <!-- Iframe for the Godot export -->
+    <iframe src="godot/index.html" width="800" height="600" frameborder="0"></iframe>
+
+    <script>
+        // URL of the server to send audio chunks
+        const serverUrl = "./api/process"
+
+        // Check if browser supports audio recording
+        if (!navigator.mediaDevices?.getUserMedia) {
+            console.error('Your browser does not support audio recording.')
+            alert('Your browser does not support audio recording. Please try using a modern browser like Chrome, Firefox, or Edge.')
+            throw new Error('Audio recording not supported')
+        }
+
+        // Set up audio recording
+        navigator.mediaDevices.getUserMedia({ audio: true })
+            .then(stream => {
+                const audioContext = new (window.AudioContext || window.webkitAudioContext)()
+                const mediaRecorder = new MediaRecorder(stream)
+                const audioChunks = []
+
+                mediaRecorder.ondataavailable = event => {
+                    audioChunks.push(event.data)
+                }
+
+                mediaRecorder.onstop = () => {
+                    const audioBlob = new Blob(audioChunks, { type: 'audio/webm' })
+                    audioChunks.length = 0 // Clear chunks after creating the Blob
+
+                    // Send the audio chunk to the server
+                    const formData = new FormData()
+                    formData.append('audio', audioBlob)
+
+                    fetch(serverUrl, {
+                        method: 'POST',
+                        body: formData
+                    }).then(response => {
+                        console.log('Audio chunk sent successfully')
+                    }).catch(error => {
+                        console.error('Error sending audio chunk:', error)
+                    })
+                }
+
+                // Start recording in intervals
+                const chunkInterval = 300 // Chunk duration in milliseconds
+                setInterval(() => {
+                    if (mediaRecorder.state === 'recording') {
+                        mediaRecorder.stop()
+                        mediaRecorder.start()
+                    } else {
+                        mediaRecorder.start()
+                    }
+                }, chunkInterval)
+            })
+            .catch(error => {
+                console.error('Error accessing microphone:', error)
+            });
+    </script>
+</body>
+
+</html>

server/static/index.pck

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:66a491c47db387a79e701d71d84c5c2d517649710b6b7a611f699de82955bcb6
-size 5424