TTS-Vue Versión Web

✅ Demo en línea (recomendado): https://xiaoying.work (🎁 10,000 caracteres gratis por día)

>

🚀 Nuevo producto: Producto de locución profesional / Más estable / Soporta planes / Más voces disponibles / Cola de tareas

🎤 Herramienta de síntesis de voz de Microsoft, versión web, construida con Vue + ElementPlus + Vite.

Versión alojada / Pruébalo en línea

Este repositorio es una implementación de referencia de una interfaz web de código abierto. Si necesita un servicio más estable y con más funciones, le recomendamos usar nuestra versión oficial alojada.

| Característica | Autohospedado (este repositorio) | XiaoYing.work (oficial alojado) | | :------------------ | :------------------------------------- | :----------------------------------------------------- | | Dificultad de despliegue | Requiere desplegar backend y configurar entorno | Listo para usar, sin despliegue | | Cuota gratuita | Depende de la configuración del backend | 10,000 caracteres gratis por día | | Estabilidad | Depende del entorno de red local | SLA de alta disponibilidad, aceleración dedicada | | Funciones | Síntesis de voz básica | Sistema de cuentas, cola de tareas, más voces, soporte API | | Mantenimiento | Mantenido por la comunidad | Actualizaciones y soporte oficial continuo | | Escenarios de uso | Aprendizaje, uso personal | Entornos de producción, doblaje profesional, uso frecuente |

Ejemplo de sitio web

Interfaz del sitio alojado

https://xiaoying.work (🎁 10,000 caracteres gratis por día)

https://web.tts88.top

Interfaz de la nueva versión

Interfaz de la versión anterior

Características

• 🌐 Totalmente web, no requiere instalación de aplicaciones de escritorio
• 🔊 Soporta múltiples síntesis de voz de Microsoft
• 🚀 Soporta integración con la API de TTS88
• 🆓 Soporta llamadas TTS gratuitas, cuota diaria gratis
• 🧠 Soporta generación de texto con OpenAI
• 🌍 Soporta varios idiomas: chino, inglés, español
• 🔐 Identificación de huella digital del navegador, experiencia de usuario más segura

Últimas actualizaciones

Reconstrucción de interfaz y mejoras de funciones (v2.2.0)

• 📱 Reconstrucción de la UI: Navegación superior fija, cuadro de texto en modo sticky, optimización para móviles
• 🔤 Mejora de SSML: Nueva función de formateo SSML, actualización automática según los cambios de configuración
• 🎵 Optimización del reproductor: Integración del reproductor en la interfaz 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, aumentando la eficiencia creativa
• 🌓 Mejora de temas: Mejorada la apariencia en modo oscuro, añadido cambio de tema global
• 🛠️ Configuraciones avanzadas: Optimización de la interfaz de TTS gratis, nuevas opciones de velocidad y tono
• 💡 Experiencia interactiva: Añadida función de tooltips para mejorar la orientación al usuario
• 🔄 Actualización de dependencias: Vue actualizado a 3.5.11, ElementPlus a 2.9.9
• 🌐 Actualización de enlaces: Actualizada la dirección del repositorio de GitHub

Integración de servicio TTS gratuito (v2.1.0)

• 🆕 Función TTS gratuita: Sin necesidad de clave API, cupo gratuito diario
• 👤 Identificación por huella digital del navegador: Asegura el uso justo del cupo gratuito por usuario
• 🔄 Visualización de estado de cupo: Muestra en tiempo real los caracteres gratuitos restantes y el tiempo de reinicio
• 🌐 Detección del estado del servidor: Detección automática de la conexión con el servidor TTS gratuito
• 🛡️ Mejor manejo de errores: Mensajes de error y retroalimentación de estado más amigables
• 🎛️ Panel de configuración TTS gratuito: Facilita la configuración y visualización del cupo

Optimización de interfaz y experiencia de usuario (v2.0.0)

• ✨ Optimización del área de configuración: El panel de configuración ahora es plegable, haz clic en "Configuración de voz" para expandir/plegar
• 🔘 Ubicación inteligente de botones: Botón "Comenzar conversión" movido arriba, clic disponible sin desplazamiento
• 💬 Mejora de mensajes de estado: Añadidos mensajes intuitivos de estado de conversión
• 🎨 Mejoras visuales: Animación luminosa en botones, mejorando la experiencia de usuario
• 📱 Optimización de diseño responsivo: Mejorada la visualización en diferentes tamaños de pantalla

Estas mejoras aumentan significativamente la eficiencia, especialmente resolviendo el problema del diseño tradicional donde el usuario tenía que desplazarse al final de la página para hacer clic en el botón "Comenzar conversión". Ahora, sin importar la posición en la página, los usuarios pueden iniciar la conversión fácilmente.

Plan de desarrollo

📢 Aviso importante: ¡La versión de escritorio está en desarrollo!

Estamos trabajando en una versión de aplicación de escritorio multiplataforma, que contará con más funciones y mejor experiencia de usuario.

Mantente atento a futuras actualizaciones y sigue el proyecto para obtener la información más reciente.

Comenzar rápidamente

Entorno de desarrollo

# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git
安装依赖
yarn install
启动开发服务器
yarn dev

Construcción de producción

# 构建生产版本
yarn build
预览生产版本
yarn preview

Despliegue

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: 2026-01-04 ---