Adolfo Delorenzo 17e0f2f03d Add connection retry logic to handle network interruptions gracefully

- Implement ConnectionManager with exponential backoff retry strategy
- Add automatic connection monitoring and health checks
- Update RequestQueueManager to integrate with connection state
- Create ConnectionUI component for visual connection status
- Queue requests during offline periods and process when online
- Add comprehensive error handling for network-related failures
- Create detailed documentation for connection retry features
- Support manual retry and automatic recovery

Features:
- Real-time connection status indicator
- Offline banner with retry button
- Request queue visualization
- Priority-based request processing
- Configurable retry parameters

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-06-03 00:00:03 -06:00

2.3 KiB

Raw Blame History

Voice Language Translator

A mobile-friendly web application that translates spoken language between multiple languages using:

Gemma 3 open-source LLM via Ollama for translation
OpenAI Whisper for speech-to-text
OpenAI Edge TTS for text-to-speech

Supported Languages

Arabic
Armenian
Azerbaijani
English
French
Georgian
Kazakh
Mandarin
Farsi
Portuguese
Russian
Spanish
Turkish
Uzbek

Setup Instructions

Install the required Python packages:
```
pip install -r requirements.txt
```
Make sure you have Ollama installed and the Gemma 3 model loaded:
```
ollama pull gemma3
```
Ensure your OpenAI Edge TTS server is running on port 5050.
Run the application:
```
python app.py
```
Open your browser and navigate to:
```
http://localhost:8000
```

Usage

Select your source language from the dropdown menu
Press the microphone button and speak
Press the button again to stop recording
Wait for the transcription to complete
Select your target language
Press the "Translate" button
Use the play buttons to hear the original or translated text

Technical Details

The app uses Flask for the web server
Audio is processed client-side using the MediaRecorder API
Whisper for speech recognition with language hints
Ollama provides access to the Gemma 3 model for translation
OpenAI Edge TTS delivers natural-sounding speech output

CORS Configuration

The application supports Cross-Origin Resource Sharing (CORS) for secure cross-origin usage. See CORS_CONFIG.md for detailed configuration instructions.

Quick setup:

# Development (allow all origins)
export CORS_ORIGINS="*"

# Production (restrict to specific domains)
export CORS_ORIGINS="https://yourdomain.com,https://app.yourdomain.com"
export ADMIN_CORS_ORIGINS="https://admin.yourdomain.com"

Connection Retry & Offline Support

Talk2Me handles network interruptions gracefully with automatic retry logic:

Automatic request queuing during connection loss
Exponential backoff retry with configurable parameters
Visual connection status indicators
Priority-based request processing

See CONNECTION_RETRY.md for detailed documentation.

Mobile Support

The interface is fully responsive and designed to work well on mobile devices.

2.3 KiB Raw Blame History