TTS-Vue Versão Web

✅ Demo Online (Recomendado): https://xiaoying.work (🎁 10.000 caracteres grátis por dia)

>

🚀 Novo produto: Produto profissional de narração / Mais estável / Suporte a planos / Suporta mais vozes / Possui fila de tarefas

🎤 Ferramenta de síntese de voz da Microsoft, versão Web, construída com Vue + ElementPlus + Vite.

Versão Hospedada / Experimente Online

Este repositório é a implementação de referência do Web UI de código aberto. Se você precisa de um serviço mais estável e robusto, recomendamos usar nossa versão oficial hospedada.

| Característica | Auto-hospedado (este repositório) | XiaoYing.work (Hospedagem Oficial) | | :------------------- | :----------------------------------- | :-------------------------------------------------------- | | Dificuldade de Deploy | Requer deploy do backend e configuração de ambiente | Pronto para uso, sem necessidade de deploy | | Cota Gratuita | Depende da configuração do backend | 10.000 caracteres grátis por dia | | Estabilidade | Depende do ambiente de rede local | Alta disponibilidade SLA, aceleração dedicada | | Funcionalidades | Síntese de voz básica | Sistema de contas, fila de tarefas, mais vozes, suporte a API | | Manutenção | Mantido pela comunidade | Atualização e manutenção oficial contínua | | Cenários de uso | Estudos, uso pessoal | Produção, dublagem profissional, uso frequente |

Exemplos do Site

Interface do site hospedado

https://xiaoying.work (🎁 10.000 caracteres grátis por dia)

https://web.tts88.top

Interface da nova versão

Interface da versão antiga

Características

• 🌐 Totalmente baseado na Web, sem necessidade de instalar aplicativo desktop
• 🔊 Suporte a múltiplas sínteses de voz da Microsoft
• 🚀 Suporte à integração com API TTS88
• 🆓 Suporte a chamadas TTS gratuitas, cota diária gratuita
• 🧠 Suporte à geração de texto via OpenAI
• 🌍 Suporte a múltiplos idiomas: Chinês, Inglês, Espanhol
• 🔐 Reconhecimento de impressão digital do navegador, experiência do usuário mais segura

Últimas Atualizações

Reconstrução da Interface e Aprimoramento de Funcionalidades (v2.2.0)

• 📱 UI Reconstruída: Navegação fixa no topo, caixa de texto com modo sticky, otimização para dispositivos móveis
• 🔤 SSML Aprimorado: Novo recurso de formatação SSML, atualização automática conforme configurações
• 🎵 Otimização do Player: Player integrado à interface principal, melhor experiência de reprodução e download de áudio
• 🎞️ Função de Legendas: Geração online de legendas, aumentando a eficiência na criação de conteúdo
• 🌓 Otimização de Tema: Melhorias na interface do modo escuro, adição de alternância global de tema
• 🛠️ Configurações Avançadas: Interface do TTS gratuito otimizada, novas opções de velocidade e entonação
• 💡 Experiência de Interação: Dicas de ferramenta adicionadas para orientar melhor o usuário
• 🔄 Atualização de Dependências: Vue atualizado para 3.5.11, ElementPlus para 2.9.9
• 🌐 Atualização de Links: Endereço do repositório GitHub atualizado

Integração do Serviço TTS Gratuito (v2.1.0)

• 🆕 Recurso TTS Gratuito: Não requer chave de API, cota gratuita diária disponível
• 👤 Reconhecimento de Impressão Digital do Navegador: Garante uso justo da cota por usuário
• 🔄 Exibição do Status da Cota: Mostra caracteres restantes e tempo de reinicialização em tempo real
• 🌐 Verificação do Status do Servidor: Detecção automática da conexão com o servidor TTS gratuito
• 🛡️ Tratamento de Erros Aprimorado: Mensagens de erro e feedback de status mais amigáveis
• 🎛️ Painel de Configuração do TTS Gratuito: Facilita a configuração e visualização das informações de cota

Otimização da Interface e Experiência do Usuário (v2.0.0)

• ✨ Otimização da Área de Configurações: Painel de configurações dobrável, clique no título "Configurações de Voz" para expandir/recolher
• 🔘 Posição Inteligente do Botão: Botão "Iniciar Conversão" movido para o topo, sem necessidade de rolar a página
• 💬 Aprimoramento das Mensagens de Status: Mensagens intuitivas de status de conversão adicionadas
• 🎨 Melhoria Visual: Botões com animação de brilho, aprimorando a experiência do usuário
• 📱 Otimização do Layout Responsivo: Melhor exibição em diferentes tamanhos de tela

Essas melhorias aumentam significativamente a eficiência, especialmente resolvendo o problema do design tradicional onde o usuário precisava rolar até o fim da página para clicar no botão "Iniciar Conversão". Agora, independentemente da posição na página, o usuário pode iniciar facilmente o processo de conversão.

Plano de Desenvolvimento

📢 Aviso Importante: Versão Desktop em Desenvolvimento!

Estamos desenvolvendo uma versão desktop multiplataforma, com mais recursos e melhor experiência de uso.

Aguarde futuras atualizações e acompanhe o projeto para mais informações.

Início Rápido

Ambiente de Desenvolvimento

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

Build de Produção

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

Implantação

Após a conclusão da construção, basta implantar o conteúdo do diretório dist em qualquer servidor web estático.

Configuração de API

Esta versão web atualmente suporta serviço TTS gratuito, API TTS88 e API OpenAI:

Configuração do serviço TTS gratuito

• Encontre a opção "Serviço TTS gratuito" na página de configurações
• O endereço do servidor TTS gratuito já está configurado por padrão
• Você pode visualizar o saldo gratuito restante do dia e o tempo de reinicialização
• Cada cliente do navegador possui uma cota gratuita independente

Configuração da API TTS88

• Encontre a opção de configuração "URL de API de terceiros" na página de configurações
• Insira seu endereço da API TTS88
• Se houver uma chave de API, insira-a no campo "Chave da API TTS88"

Configuração da API OpenAI

• Encontre a opção de configuração OpenAI na página de configurações
• Insira sua chave de API OpenAI
• Selecione o modelo a ser utilizado (padrão: gpt-3.5-turbo)
• Se estiver usando auto-hospedagem ou proxy, pode definir uma URL Base de API personalizada

Observações

• Os dados são armazenados apenas no armazenamento local do navegador; atualizar ou limpar o cache não afeta outros usuários
• Os arquivos de áudio convertidos podem ser reproduzidos diretamente no navegador ou baixados para o computador local
• O serviço TTS gratuito tem limite diário de uso; ao exceder, é necessário aguardar a reinicialização no dia seguinte

Stack Tecnológica

• Vue 3.2
• Pinia
• ElementPlus
• Vite

Licença

Licença MIT

Começando

• Introdução ao projeto
• Instalação e execução
• Introdução às funcionalidades
• Perguntas frequentes
• Registro de atualizações

Atenção

Este software e o código são apenas para uso pessoal, aprendizado e testes. Por favor, exclua-os dentro de 24 horas após o download e não utilize para fins comerciais, caso contrário, você será responsável pelas consequências. Quaisquer consequências legais decorrentes do uso inadequado não têm relação com o autor. Este software nunca será cobrado; se você pagou qualquer valor para utilizar ou adquirir o código-fonte ou o software acabado, você certamente foi enganado!

Ao redistribuir, cite a fonte. É proibido induzir outros a obter o repositório, endereço de download ou pacote de instalação do software por meio de grupos ou mensagens privadas.

Feedback de opiniões e problemas, grupo de lançamento de versão no QQ:

【tts-web-vue grupo de feedback de problemas 1】279895662

--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---