Adolfo Delorenzo b08574efe5 Implement proper CORS configuration for secure cross-origin usage

- Add flask-cors dependency and configure CORS with security best practices
- Support configurable CORS origins via environment variables
- Separate admin endpoint CORS configuration for enhanced security
- Create comprehensive CORS configuration documentation
- Add apiClient utility for CORS-aware frontend requests
- Include CORS test page for validation
- Update README with CORS configuration instructions

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

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

2025-06-02 23:51:27 -06:00

2.0 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"

Mobile Support

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

2.0 KiB Raw Blame History