Update app.py

app.py

@@ -1,59 +1,62 @@
-import os
 import streamlit as st
 from gtts import gTTS
 from io import BytesIO
-from pydub import AudioSegment
-from pydub.playback import play
-import base64
 
-# Function to convert text to speech and play it
+# Function to convert text to speech and return audio file
 def text_to_speech(text):
-    # Convert text to speech
     tts = gTTS(text)
-    # Save to a BytesIO object
     audio_file = BytesIO()
     tts.write_to_fp(audio_file)
     audio_file.seek(0)
-    
     return audio_file
 
-def play_audio(audio_file):
-    audio_segment = AudioSegment.from_file(audio_file, format="mp3")
-    play(audio_segment)
-
 def main():
-    st.title("Real-Time Audio Chat with AI")
+    # Layout with three columns
+    col1, col2, col3 = st.columns([3, 1, 1])
+    
+    with col1:
+        # Title with custom CSS styling for top margin
+        st.markdown('<div style="margin-top: -25px;" class="title-wrapper"><h1 style="text-align: center;">Your English Speaking Guide</h1></div>', unsafe_allow_html=True)
     
-    # Initialize chat history
-    if "chat_history" not in st.session_state:
-        st.session_state.chat_history = []
+    # Initialize chat history if not already initialized
+    if "chat_messages" not in st.session_state:
+        st.session_state.chat_messages = []
 
     # Display chat history
-    for message in st.session_state.chat_history:
+    for message in st.session_state.chat_messages:
         if message["role"] == "user":
             st.text_area("User:", message["content"], height=40, key=message["content"], disabled=True)
         else:
             st.text_area("AI:", message["content"], height=40, key=message["content"], disabled=True)
+            # Display audio in chat interface
+            st.audio(message["audio"], format="audio/mp3")
 
     # User input
-    user_input = st.text_input("Type your message here:")
-
-    if st.button("Send"):
-        if user_input:
-            # Display user's message
-            st.session_state.chat_history.append({"role": "user", "content": user_input})
-            
-            # Simulated AI response (replace this with actual model response)
-            ai_response = f"You said: {user_input}"
-
-            # Convert AI response to speech
-            audio_file = text_to_speech(ai_response)
-            
-            # Play audio in real-time
+    if prompt := st.chat_input("Welcome - How can I help you?"):
+        # Display user's message in chat message container
+        with st.chat_message("user"):
+            st.markdown(prompt)
+        
+        # Add user message to chat history
+        st.session_state.chat_messages.append({"role": "user", "content": prompt})
+        
+        # Get AI response using responsr function
+        response = responsr(prompt)
+        
+        # Convert AI response to speech
+        audio_file = text_to_speech(response)
+        
+        # Display assistant's response in chat message container
+        with st.chat_message("assistant"):
+            st.markdown(response)
             st.audio(audio_file, format="audio/mp3")
-
-            # Display AI's response
-            st.session_state.chat_history.append({"role": "assistant", "content": ai_response})
+        
+        # Add assistant's response and audio to chat history
+        st.session_state.chat_messages.append({
+            "role": "assistant",
+            "content": response,
+            "audio": audio_file.getvalue()
+        })
 
 if __name__ == "__main__":
     main()