revert

app/input.tsx

@@ -58,16 +58,13 @@ const VoiceInputForm: React.FC<VoiceInputFormProps> = ({ handleSubmit, input, se
         if (transcriber.output) {
             setRecognizedText(transcriber.output.text);
         }
-    }, [transcriber.output, transcriber.isBusy]);
+    }, [transcriber]);
 
     const handleTranscriptionComplete = () => {
-        // Create a synthetic event object
         const syntheticEvent = {
             preventDefault: () => {},
             target: {
-                // Mimic the structure of your form's event.target here
                 elements: {
-                    // Assuming the form has an input field named 'input'
                     input: {
                         value: recognizedText
                     }
@@ -93,21 +90,15 @@ const VoiceInputForm: React.FC<VoiceInputFormProps> = ({ handleSubmit, input, se
     useEffect(() => {
         const processRecording = async () => {
             if (recordedBlob) {
-                const fileReader = new FileReader();
-    
-                fileReader.onloadend = async () => {
-                    const audioCTX = new AudioContext();
-                    const arrayBuffer = fileReader.result as ArrayBuffer;
-                    const decoded = await audioCTX.decodeAudioData(arrayBuffer);
-                    startListening(decoded);
-                };
-    
-                fileReader.readAsArrayBuffer(recordedBlob);
+                const audioBuffer = await convertBlobToAudioBuffer(recordedBlob);
+                startListening(audioBuffer); // Start the transcription process
+                setRecordedBlob(null); // Reset the blob state if you want to prepare for a new recording
             }
         };
     
         processRecording();
-    }, [recordedBlob, startListening]);    
+    }, [recordedBlob, startListening]);
+    
 
     const vad = useMicVAD({
         modelURL: "/_next/static/chunks/silero_vad.onnx",
@@ -226,12 +217,6 @@ const VoiceInputForm: React.FC<VoiceInputFormProps> = ({ handleSubmit, input, se
                     ))}
                 </div>
             )}
-            {recordedBlob && (
-                <audio controls>
-                    <source src={URL.createObjectURL(recordedBlob)} type={recordedBlob.type} />
-                    Your browser does not support the audio element.
-                </audio>
-            )}
             <form onSubmit={handleSubmit} className={styles.form}>
                 <input
                     type="text"