GoogleTranslate_Backendv2.0

HTML • JavaScript • CSS • Backend
Traductor estilo GoogleTranslate con HTML, Javascript, CSS y con Backend de requests a IA-Gemini.

#Local-IA_Browser #VoiceRecognition #SpeechSynthesis #IA-Gemini

Aplicación web de traducción que combina las APIs nativas del navegador con un backend conectado a Gemini. Permite traducción local, detección automática de idioma y romanización (alfabeto latino e IPA) de idiomas no latinos como ruso, japonés y chino. Una experiencia más completa a la de un traductor convencional.

Cosas a tener en cuenta:

1. API-Key Gemini: Para mandar solicitudes a la IA de Gemini es necesario tener una cuenta en Google AI Studio (gratuita, con hasta $300 en créditos de Google Cloud). En el menú lateral del dashboard puedes generar una API Key.

   

   Luego con el ID del la API-Key se crea un archivo .env en la carpeta raiz del proyecto y dentro pon el ID "GOOGLE_API_KEY= 'pon tu codigo aqui'".

2. Instalar las dependencias: Asegúrate de tener todas las dependencias en el package.json. Configura el archivo del servidor de romanización y define la dirección web correcta de la página en la sección CORS.

   

3. Seleccionar el modelo de IA-Gemini: Cada modelo tiene límites de requests, tokens por input y tipo de salida (texto, imagen, audio, video). Consulta la documentación de modelos

   

4. Pruebas:

   • Detección automática de idioma (muestra el confidence).
   • Entrada de texto por voz.
   • Lectura del texto traducido por altavoz.
   • Copiar traducciones al portapapeles.
   • Limpiar texto de entrada.
   • Traducción y transcripción al alfabeto latino (Romanización + IPA).

Enlaces

1. Using the Translator and Language Detector APIs
2. Language detection with built-in AI
3. Translation with built-in AI
4. Text Generation API-Gemini
5. Gemini Models IA