Transcription for Live Conversation

[maxakiralee]

Add a transcription to the live conversation. Fetch the text from the STT and TTS in the backend, and display it in the frontend. No need for much styling.

Frontend:

• LiveConversation.js component: https://github.com/uclaacm/lingobuddy/blob/main/frontend/src/components/LiveConversation.js
• [language][level]page: https://github.com/uclaacm/lingobuddy/blob/main/frontend/src/app/lessons/%5Blanguage%5D/%5Blevel%5D/page.js

Backend:

• server.py: https://github.com/uclaacm/lingobuddy/blob/main/backend/server.py

These files have been added/changed to allow the user to receive live translation into english by talking:

1. record themselves talking
2. send that audio blob to the backend
3. process it in a STT -> LLM (translation into English) -> TTS pipeline in the backend
4. send translated audio blob back to frontend
5. plays audio blob to user

At Bottom of page: