Update app.py

app.py

@@ -60,15 +60,6 @@ html = """
     <div id="output"></div>
 
     <script>
-        // Function to serialize data for Streamlit
-        function sendToStreamlit(data) {
-            const serializedData = JSON.stringify(data);
-            window.parent.postMessage({
-                type: 'streamlit:setComponentValue',
-                value: serializedData
-            }, '*');
-        }
-
         if (!('webkitSpeechRecognition' in window)) {
             alert('Speech recognition not supported');
         } else {
@@ -107,11 +98,8 @@ html = """
             clearButton.onclick = () => {
                 fullTranscript = '';
                 output.textContent = '';
-                sendToStreamlit({
-                    text: '',
-                    isFinal: true,
-                    timestamp: new Date().toISOString()
-                });
+                // Send empty string to Streamlit
+                window.Streamlit.setComponentValue('');
             };
 
             recognition.onresult = (event) => {
@@ -132,18 +120,8 @@ html = """
                 if (finalTranscript || (Date.now() - lastUpdateTime > 5000)) {
                     if (finalTranscript) {
                         fullTranscript += finalTranscript;
-                        sendToStreamlit({
-                            text: finalTranscript,
-                            isFinal: true,
-                            timestamp: new Date().toISOString()
-                        });
-                    } else if (interimTranscript) {
-                        fullTranscript += interimTranscript + '\\n';
-                        sendToStreamlit({
-                            text: interimTranscript,
-                            isFinal: false,
-                            timestamp: new Date().toISOString()
-                        });
+                        // Send final transcript to Streamlit
+                        window.Streamlit.setComponentValue(finalTranscript);
                     }
                     lastUpdateTime = Date.now();
                 }
@@ -198,28 +176,25 @@ def save_transcript(text):
 # Main app
 st.title("Speech Recognition with Transcript History")
 
-# Create custom component
+# Create custom component and get its value
 component_value = st.components.v1.html(html, height=600)
 
 # If we receive a new transcript
-if component_value is not None:
-    try:
-        # Parse the JSON string
-        transcript_data = json.loads(component_value)
+if component_value:
+    # The component_value will be the direct transcript text
+    new_text = str(component_value)
+    
+    # Only process non-empty transcripts
+    if new_text.strip():
+        # Update the transcript history
+        st.session_state.transcript_history += new_text
+        
+        # Save to file
+        save_transcript(new_text)
         
-        # Update the transcript history if it's a final transcript
-        if transcript_data['isFinal']:
-            new_text = transcript_data['text']
-            st.session_state.transcript_history += new_text
-            
-            # Save to file
-            save_transcript(new_text)
-            
-            # Update the display
-            history_container.markdown(st.session_state.transcript_history)
-            text_area.text_area("Full Transcript", st.session_state.transcript_history, height=200)
-    except json.JSONDecodeError:
-        st.error("Error processing transcript data")
+        # Update the display
+        history_container.markdown(st.session_state.transcript_history)
+        text_area.text_area("Full Transcript", st.session_state.transcript_history, height=200)
 
 # Add a download button for the full transcript
 if st.session_state.transcript_history: