TTS-Vue Version Web

✅ Démo en ligne (recommandé) : https://xiaoying.work (🎁 10 000 caractères gratuits par jour)

>

🚀 Nouveau produit : Produit de synthèse vocale professionnel / Plus stable / Prise en charge des forfaits / Plus de voix disponibles / File d’attente des tâches

🎤 Outil de synthèse vocale Microsoft, version Web, construit avec Vue + ElementPlus + Vite.

Version hébergée / Essayez-le en ligne

Ce dépôt est une implémentation de référence open source de l’interface Web. Si vous avez besoin d’un service plus stable et plus riche en fonctionnalités, nous vous recommandons d’utiliser notre version officielle hébergée.

| Fonctionnalité | Auto-hébergement (ce dépôt) | XiaoYing.work (officiel hébergé) | | :------------------ | :----------------------------- | :------------------------------------------------------ | | Difficulté de déploiement | Nécessite déploiement backend et configuration | Prêt à l’emploi, aucune installation requise | | Quota gratuit | Dépend de la configuration backend | 10 000 caractères gratuits par jour | | Stabilité | Dépend de l’environnement réseau local | SLA haute disponibilité, accélération dédiée | | Fonctionnalités | Synthèse vocale de base | Comptes, file d’attente, plus de voix, API | | Maintenance | Maintenance communautaire | Mises à jour et maintenance officielles | | Cas d’usage | Apprentissage, usage personnel | Production, voix pro, utilisation intensive |

Exemple de site

Interface du site hébergé

https://xiaoying.work (🎁 10 000 caractères gratuits chaque jour)

https://web.tts88.top

Interface de la nouvelle version

Interface de l’ancienne version

Caractéristiques

• 🌐 100% Web, aucune installation d’application nécessaire
• 🔊 Prise en charge de multiples synthèses vocales Microsoft
• 🚀 Intégration de l’API TTS88 prise en charge
• 🆓 Prise en charge des TTS gratuits, quota quotidien gratuit
• 🧠 Génération de texte avec OpenAI prise en charge
• 🌍 Prise en charge multilingue : chinois, anglais, espagnol
• 🔐 Reconnaissance d’empreinte navigateur, expérience utilisateur plus sûre

Dernières mises à jour

Refactorisation de l’interface et amélioration des fonctionnalités (v2.2.0)

• 📱 Refonte de l’UI : Navigation supérieure fixe, zone de texte en mode sticky, adaptation mobile optimisée
• 🔤 Amélioration SSML : Nouvelle fonction de formatage SSML, mise à jour automatique selon les paramètres
• 🎵 Optimisation du lecteur : Lecteur intégré à l’interface principale, expérience audio et téléchargement améliorées
• 🎞️ Fonction sous-titres : Génération de sous-titres en ligne, amélioration de l’efficacité de création de contenu
• 🌓 Optimisation du thème : Amélioration de l’affichage en mode sombre, ajout du changement de thème global
• 🛠️ Paramètres avancés : Interface des services TTS gratuits optimisée, nouveaux réglages vitesse et intonation
• 💡 Expérience interactive : Ajout d’info-bulles pour guider l’utilisateur dans ses actions
• 🔄 Mise à jour des dépendances : Vue mis à jour en 3.5.11, ElementPlus en 2.9.9
• 🌐 Mise à jour des liens : Mise à jour de l’adresse du dépôt GitHub

Intégration du service TTS gratuit (v2.1.0)

• 🆕 Fonction TTS gratuite : Pas de clé API requise, quota gratuit renouvelé chaque jour
• 👤 Empreinte navigateur : Assure un usage équitable du quota gratuit pour chaque utilisateur
• 🔄 Affichage du statut du quota : Nombre de caractères restants et heure de réinitialisation affichés en temps réel
• 🌐 Détection de l’état du serveur : Contrôle automatique de la connexion au serveur TTS gratuit
• 🛡️ Gestion des erreurs renforcée : Messages d’erreur plus conviviaux et retours d’état améliorés
• 🎛️ Panneau de configuration TTS gratuit : Permet de configurer et consulter facilement les informations de quota

Optimisation de l’interface et de l’expérience utilisateur (v2.0.0)

• ✨ Optimisation de la zone des paramètres : Le panneau de réglages est pliable, cliquez sur "Paramètres vocaux" pour développer/réduire
• 🔘 Position intelligente des boutons : Bouton "Démarrer la conversion" déplacé en haut, accessible sans faire défiler
• 💬 Amélioration des messages d’état : Ajout d’indications claires sur l’état de la conversion
• 🎨 Amélioration visuelle : Animation lumineuse sur les boutons, expérience utilisateur renforcée
• 📱 Optimisation du responsive : Affichage amélioré sur tous types d’écrans

Ces améliorations augmentent considérablement l’efficacité d’utilisation, en particulier la résolution du problème classique où l’utilisateur devait faire défiler jusqu’en bas pour cliquer sur "Démarrer la conversion". Désormais, peu importe la position sur la page, le lancement de la conversion est facile.

Feuille de route

📢 Annonce importante : une version bureau est en cours de développement !

Nous développons une application de bureau multiplateforme avec plus de fonctionnalités et une meilleure expérience utilisateur.

Restez à l’écoute pour les prochaines mises à jour et suivez le projet pour plus d’informations.

Démarrage rapide

Environnement de développement

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

Construction de production

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

Déploiement

Une fois la construction terminée, déployez le contenu du répertoire dist sur n'importe quel serveur Web statique.

Configuration de l'API

Cette version Web prend actuellement en charge le service TTS gratuit, l'API TTS88 et l'API OpenAI :

Configuration du service TTS gratuit

• Trouvez l'option "Service TTS gratuit" dans la page des paramètres
• Le système configure par défaut l'adresse du serveur TTS gratuit
• Vous pouvez consulter le quota gratuit restant pour la journée et l'heure de réinitialisation
• Chaque client navigateur dispose d'un quota gratuit indépendant

Configuration de l'API TTS88

• Trouvez l'option "URL de l'API tierce" dans la page des paramètres
• Saisissez l'adresse de votre API TTS88
• Si vous disposez d'une clé API, saisissez-la dans le champ "Clé API TTS88"

Configuration de l'API OpenAI

• Trouvez l'option de configuration OpenAI dans la page des paramètres
• Saisissez votre clé API OpenAI
• Choisissez le modèle à utiliser (par défaut gpt-3.5-turbo)
• Si vous utilisez une instance auto-hébergée ou un proxy, vous pouvez définir une URL de base API personnalisée

Remarques

• Les données sont uniquement stockées dans le stockage local du navigateur, le rafraîchissement ou la suppression du cache n'affecte pas les autres utilisateurs
• Les fichiers audio convertis peuvent être lus directement dans le navigateur ou téléchargés localement
• Le service TTS gratuit a une limite d'utilisation quotidienne, un dépassement nécessite d'attendre la réinitialisation le jour suivant

Stack technique

• Vue 3.2
• Pinia
• ElementPlus
• Vite

Licence

Licence MIT

Commencer

• Introduction au projet
• Installation et exécution
• Présentation des fonctionnalités
• FAQ
• Journal des mises à jour

Attention

Ce logiciel et son code sont uniquement destinés à un usage personnel et à des fins d'apprentissage ; veuillez les supprimer dans les 24 heures suivant le téléchargement, et ne pas les utiliser à des fins commerciales, sous peine de conséquences assumées par vous-même. Toute conséquence juridique due à une utilisation illégale ne relève pas de ma responsabilité. Ce logiciel ne sera jamais payant ; si vous avez payé des frais supplémentaires avant de l'utiliser, ou si vous avez payé pour obtenir le code source ou un logiciel fini, alors vous avez certainement été victime d'une arnaque !

Veuillez indiquer la source lors du transfert. Il est interdit d'inciter d'autres personnes à rejoindre un groupe, à envoyer des messages privés, etc., pour obtenir le dépôt, l'adresse de téléchargement ou le package d'installation du logiciel.

Groupe QQ pour retours d’opinions, questions et versions publiées :

【tts-web-vue groupe de retours 1】279895662

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