TTS-Vue Versão Web
🎤 Ferramenta de síntese de voz da Microsoft, versão web, construída com Vue + ElementPlus + Vite.
Exemplo do site
https://web.tts88.top
Nova interface da versão
Interface da Versão Antiga
Características
- 🌐 Totalmente web, sem necessidade de instalar aplicativo de desktop
- 🔊 Suporta diversas sínteses de voz da Microsoft
- 🚀 Suporta integração com API TTS88
- 🆓 Suporta TTS gratuito, com cota diária grátis
- 🧠 Suporta geração de texto pelo OpenAI
- 🌍 Suporta vários idiomas: chinês, inglês, espanhol
- 🔐 Identificação de impressão digital do navegador, experiência do usuário mais segura
Atualizações Recentes
Reconstrução da Interface e Aprimoramento de Funcionalidades (v2.2.0)
- 📱 UI Reconstruída: Navegação fixa no topo, caixa de texto em modo fixo, otimização para dispositivos móveis
- 🔤 Aprimoramento SSML: Nova função de formatação SSML, atualização automática conforme alterações
- 🎵 Otimização do Player: Player integrado à interface principal, melhor experiência de reprodução e download
- 🎞️ Função de Legendas: Novo recurso de geração online de legendas, aumenta a eficiência de criação de conteúdo
- 🌓 Otimização de Tema: Melhor aparência no modo escuro, adição de alternância global de tema
- 🛠️ Configurações Avançadas: Otimização da interface do TTS gratuito, novas opções de velocidade e tom
- 💡 Experiência de Interação: Adição de dicas de ferramentas, melhor orientação para 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)
- 🆕 Função TTS Gratuito: Sem necessidade de chave API, cota gratuita diária disponível
- 👤 Identificação por Impressão Digital do Navegador: Garante uso justo da cota gratuita por usuário
- 🔄 Exibição do Status da Cota: Exibe em tempo real caracteres gratuitos restantes e tempo de redefinição
- 🌐 Detecção de Status do Servidor: Detecta automaticamente a conexão com o servidor TTS gratuito
- 🛡️ Aprimoramento de Tratamento de Erros: Mensagens de erro e retorno de status mais amigáveis
- 🎛️ Painel de Configurações do TTS Gratuito: Facilita configuração e consulta das informações de cota
Otimização de Interface e Experiência do Usuário (v2.0.0)
- ✨ Otimização da área de configurações: O painel de configurações agora suporta recolhimento; clique no título "Configurações de Voz" para expandir/recolher
- 🔘 Posição do botão inteligente: O botão "Iniciar Conversão" foi movido para o topo, podendo ser clicado sem rolar a página
- 💬 Aprimoramento dos avisos de status: Adicionadas mensagens intuitivas de status de conversão
- 🎨 Aprimoramento visual: Os botões agora possuem animação de brilho, melhorando a experiência do usuário
- 📱 Otimização do layout responsivo: Melhorias na exibição em diferentes tamanhos de tela
Plano de Desenvolvimento
📢 Aviso importante: versão desktop em desenvolvimento!
Estamos desenvolvendo uma versão de aplicativo desktop multiplataforma, que contará com mais funcionalidades e melhor experiência do usuário.
Fique atento para futuras atualizações e acompanhe o projeto para obter as informações mais recentes.
Início rápido
Ambiente de desenvolvimento
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devBuild de Produção
# 构建生产版本
yarn build预览生产版本
yarn previewImplantaçã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: 2025-12-30 ---