Web Analytics

tts-web-vue

⭐ 260 stars Portuguese by henryhu55

🌐 Idioma

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

image

Interface da Versão Antiga

image

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
Essas melhorias aumentaram significativamente a eficiência de uso, especialmente ao resolver o problema do design tradicional onde o usuário precisava rolar até o final da página para clicar no botão "Iniciar Conversão". Agora, não importa onde o usuário esteja na página, pode iniciar facilmente o processo de conversão.

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 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

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 ---