TTS-Vue Versión Web
🎤 Herramienta de síntesis de voz de Microsoft, versión web, construida con Vue + ElementPlus + Vite.
Ejemplo del sitio web
https://web.tts88.top
Interfaz de la nueva versión
Interfaz de la versión anterior
Características principales
- 🌐 Completamente web, sin necesidad de instalar aplicaciones de escritorio
- 🔊 Compatible con múltiples síntesis de voz de Microsoft
- 🚀 Soporta integración con la API TTS88
- 🆓 Compatible con llamadas TTS gratuitas, cuota diaria gratuita
- 🧠 Soporta generación de texto de OpenAI
- 🌍 Compatible con varios idiomas: chino, inglés, español
- 🔐 Reconocimiento de huella digital del navegador, experiencia de usuario más segura
Últimas actualizaciones
Reconstrucción de la interfaz y mejoras de funciones (v2.2.0)
- 📱 Reconstrucción de UI: navegación superior fija, cuadro de texto con modo fijo, optimización para dispositivos móviles
- 🔤 Mejoras en SSML: nueva función de formateo SSML, actualización automática según cambios de configuración
- 🎵 Optimización de reproductor: reproductor integrado en la pantalla principal, mejor experiencia de reproducción y descarga de audio
- 🎞️ Función de subtítulos: nueva función para generar subtítulos en línea, mayor eficiencia en creación de contenido
- 🌓 Optimización de temas: mejora de la interfaz en modo oscuro, añadido de cambio de tema global
- 🛠️ Configuración avanzada: mejora de la interfaz del servicio TTS gratuito, nuevas opciones de velocidad y tono de voz
- 💡 Mejor experiencia de interacción: añadido de tooltips, mejor orientación al usuario
- 🔄 Actualización de dependencias: actualización de Vue a la versión 3.5.11 y ElementPlus a 2.9.9
- 🌐 Actualización de enlaces: actualización de la dirección del repositorio GitHub
Integración del servicio TTS gratuito (v2.1.0)
- 🆕 Función TTS gratuita: no se necesita clave API, cuota diaria gratuita
- 👤 Reconocimiento de huella digital del navegador: garantiza el uso justo de la cuota gratuita para cada usuario
- 🔄 Visualización del estado de la cuota: muestra en tiempo real los caracteres gratuitos restantes y el tiempo de reinicio
- 🌐 Detección del estado del servidor: detección automática del estado de conexión del servidor TTS gratuito
- 🛡️ Mejor manejo de errores: avisos de error y retroalimentación de estado más amigables
- 🎛️ Panel de configuración de TTS gratuito: facilita la configuración y visualización de la cuota
Optimización de la interfaz y experiencia de usuario (v2.0.0)
- ✨ Optimización de área de configuración: El panel de configuración admite plegado; haz clic en el título "Configuración de voz" para expandir/plegar
- 🔘 Posición inteligente del botón: El botón "Iniciar conversión" se ha movido a la parte superior, no es necesario desplazarse para hacer clic
- 💬 Mejora de las indicaciones de estado: Se ha añadido un texto intuitivo de estado de conversión
- 🎨 Mejoras visuales: El botón incluye animación de efectos de luz para mejorar la experiencia del usuario
- 📱 Optimización de diseño responsivo: Se ha mejorado la visualización en diferentes tamaños de pantalla
Plan de desarrollo
📢 Aviso importante: ¡La versión de escritorio está en desarrollo!
Estamos desarrollando una versión de aplicación de escritorio multiplataforma, que admitirá más funciones y mejor experiencia de usuario.
Espera futuras actualizaciones y sigue las novedades del proyecto para obtener la información más reciente.
Inicio rápido
Entorno de desarrollo
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devConstrucción de producción
# 构建生产版本
yarn build预览生产版本
yarn previewDespliegue
Después de la compilación, despliegue el contenido del directorio dist en cualquier servidor web estático.
Configuración de API
Esta versión web actualmente soporta el servicio TTS gratuito, la API TTS88 y la API de OpenAI:
Configuración del servicio TTS gratuito
- Encuentre la opción "Servicio TTS gratuito" en la página de configuración
- El sistema configura por defecto la dirección del servidor TTS gratuito
- Puede ver el saldo gratuito restante del día y la hora de reinicio
- Cada cliente de navegador tiene un saldo gratuito independiente
Configuración de la API TTS88
- Encuentre la opción "URL de API de terceros" en la página de configuración
- Ingrese la dirección de su API TTS88
- Si tiene una clave API, introdúzcala en el campo "Clave API TTS88"
Configuración de la API OpenAI
- Encuentre la opción de configuración OpenAI en la página de configuración
- Ingrese su clave API de OpenAI
- Seleccione el modelo a utilizar (por defecto gpt-3.5-turbo)
- Si usa un hospedaje propio o proxy, puede configurar una URL base API personalizada
Consideraciones
- Los datos solo se almacenan en el almacenamiento local del navegador, actualizar o borrar caché no afecta a otros usuarios
- Los archivos de audio convertidos se pueden reproducir directamente en el navegador o descargar localmente
- El servicio TTS gratuito tiene un límite diario de uso, si se excede debe esperar al reinicio al día siguiente
Tecnología utilizada
- Vue 3.2
- Pinia
- ElementPlus
- Vite
Licencia
Licencia MIT
Comenzando
- Introducción al proyecto
- Instalación y ejecución
- Descripción de funciones
- Preguntas frecuentes
- Registro de cambios
Atención
Este software y el código son solo para uso personal de aprendizaje y prueba, por favor elimínelos dentro de las 24 horas posteriores a la descarga, no se permite su uso comercial, de lo contrario, las consecuencias correrán por su cuenta. Cualquier consecuencia legal por uso indebido no tiene relación conmigo. Este software nunca será de pago, si pagó alguna tarifa adicional antes de usar este software, o pagó por obtener el código fuente o software terminado, ¡entonces seguro ha sido estafado!
Por favor cite la fuente al redistribuir. Está prohibido inducir a otros a obtener el repositorio, dirección de descarga o paquete de instalación del software mediante grupos, mensajes privados u otros métodos.
Grupo de soporte para comentarios, problemas y versiones:
【tts-web-vue grupo de retroalimentación 1】279895662
--- Tranlated By Open Ai Tx | Last indexed: 2025-12-30 ---