cleanup

app/input.tsx

@@ -51,21 +51,30 @@ const VoiceInputForm: React.FC<VoiceInputFormProps> = ({ handleSubmit, input, se
 
     const startRecording = async () => {
         cleanupRecording(); // Clean up any existing recording resources
-
+    
         try {
-            const mimeType = getMimeType();
+            // Simplified constraints for broader compatibility
             const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            mediaRecorderRef.current = new MediaRecorder(stream, { mimeType: mimeType ?? undefined });
-
+            let recorderOptions = {};
+    
+            // Check if the mimeType is supported; if so, use it
+            const mimeType = getMimeType();
+            if (mimeType && MediaRecorder.isTypeSupported(mimeType)) {
+                recorderOptions = { mimeType };
+            }
+    
+            mediaRecorderRef.current = new MediaRecorder(stream, recorderOptions);
+    
             mediaRecorderRef.current.ondataavailable = (event: BlobEvent) => {
                 audioChunksRef.current.push(event.data);
             };
-
+    
             mediaRecorderRef.current.start();
         } catch (err) {
             console.error("Error accessing media devices:", err);
         }
     };
+    
 
     const stopRecording = async (): Promise<Blob> => {
         return new Promise((resolve, reject) => {