NextTailwindTypescripttRPCPrismaPostgresSQLClerkCloudflare R2ModalPython

Resonance

Por Osmel Smith
Foto del autor
Publicado el

Resonance

Duración
5 semanas
Rol
Full-stack
Estilo
Minimalista
Tecnología
NextJS
Página del panel
Página del panel
Página de texto a voz
Página de texto a voz
Página de voces en móvil
Página de voces en móvil
+2

Resonance es una plataforma de texto a voz impulsada por IA que convierte texto escrito en voz natural y expresiva usando voces clonadas. Los usuarios pueden elegir entre una biblioteca de voces del sistema o crear las suyas grabando o subiendo una breve muestra de audio, ajustar los parámetros de generación y conservar un historial completo de cada generación.

El front-end está construido con Next.js, TanStack Form y shadcn/ui, mientras que el back-end se apoya en tRPC, Prisma y PostgreSQL. La autenticación y los espacios de trabajo multiorganización se gestionan con Clerk, la voz se sintetiza con un modelo Chatterbox TTS desplegado en Modal y todo el audio se almacena en Cloudflare R2, con Sentry monitoreando los errores en producción.

Funcionalidades principales:

  1. Generación de texto a voz: convierte cualquier texto en voz de alta calidad con un solo clic, gracias a un modelo Chatterbox TTS ejecutándose en GPUs de Modal.
  2. Clonación de voz: crea voces personalizadas grabando directamente en el navegador o subiendo una muestra de audio, y reutilízalas en distintas generaciones.
  3. Biblioteca de voces: explora voces del sistema y personalizadas organizadas por categoría e idioma, con filtros de búsqueda y vistas previas de audio.
  4. Controles detallados: ajusta temperature, top-p, top-k y la penalización por repetición para definir el tono y la variabilidad de cada generación.
  5. Historial de generaciones: cada generación se guarda con su texto, voz y configuración, y puede reproducirse o revisarse en cualquier momento.
  6. Reproductor de audio integrado: reproducción basada en forma de onda con wavesurfer.js para escuchar vistas previas y audio generado.
  7. Espacios de trabajo multiorganización: la autenticación con Clerk y la selección de organización mantienen las voces y generaciones aisladas por equipo.
  8. API con tipado seguro: tipado de punta a punta desde la base de datos hasta la interfaz con tRPC, Zod, Prisma y TanStack Query.
  9. Almacenamiento de audio en la nube: las muestras de voz y el audio generado se almacenan en Cloudflare R2 y se sirven mediante endpoints seguros y con alcance limitado.
  10. Diseño responsive: paneles redimensionables y drawers adaptan el espacio de trabajo a escritorio y móvil sin perder funcionalidad.
  11. Monitoreo de errores: la integración con Sentry captura errores de cliente, servidor y edge para una operación confiable en producción.