🌐 Sprache

TTS-Vue Webversion

✅ Online-Demo (Empfohlen): https://xiaoying.work (🎁 Täglich 10.000 Zeichen kostenlos)

🚀 Neues Produkt: Professionelles Sprachsynthese-Produkt / Stabiler / Paketunterstützung / Mehr Stimmen verfügbar / Aufgabenwarteschlange

🎤 Microsoft Sprachsynthese-Tool, Webversion, entwickelt mit Vue + ElementPlus + Vite.

Gehostete Version / Online ausprobieren

Dieses Repository ist eine Referenzimplementierung für ein Open-Source-Web-UI. Wenn Sie einen stabileren und funktionsreicheren Service benötigen, empfehlen wir unsere offizielle gehostete Version.

Website-Beispiele

Oberfläche der gehosteten Website

https://xiaoying.work (🎁 Täglich gratis 10.000 Zeichen)

1767435524286

https://web.tts88.top

Oberfläche der neuen Version

Oberfläche der alten Version

Funktionsmerkmale

🌐 Vollständig webbasiert, keine Desktop-Installation nötig
🔊 Unterstützung für verschiedene Microsoft-Sprachsynthesen
🚀 Unterstützung für TTS88 API-Integration
🆓 Unterstützung für kostenlose TTS-Nutzung, tägliches Gratis-Kontingent
🧠 Unterstützung für Textgenerierung mit OpenAI
🌍 Mehrsprachigkeit: Chinesisch, Englisch, Spanisch
🔐 Browser-Fingerabdruck-Erkennung, sicherere Benutzererfahrung

Neueste Updates

UI-Überarbeitung und Funktionsverbesserung (v2.2.0)

📱 UI-Überarbeitung: Fixierte obere Navigation, Textfeld im Sticky-Modus, optimierte mobile Anpassung
🔤 SSML-Verbesserung: Neue SSML-Formatierungsfunktion, SSML wird automatisch entsprechend den Einstellungen aktualisiert
🎵 Player-Optimierung: Player in die Hauptoberfläche integriert, verbessertes Audio-Abspiel- und Download-Erlebnis
🎞️ Untertitelfunktion: Neue Online-Untertitelgenerierung, effizientere Inhaltserstellung
🌓 Themenoptimierung: Verbesserte Darstellung im Dark Mode, globale Theme-Umschaltung hinzugefügt
🛠️ Erweiterte Einstellungen: Optimierte kostenlose TTS-Service-Oberfläche, neue Konfiguration für Sprechgeschwindigkeit und Tonhöhe
💡 Interaktive Erfahrung: Tooltip-Funktion hinzugefügt, verbesserte Benutzerführung
🔄 Abhängigkeits-Upgrade: Vue auf 3.5.11, ElementPlus auf 2.9.9 aktualisiert
🌐 Link-Aktualisierung: GitHub-Repository-Adresse aktualisiert

Integration des kostenlosen TTS-Dienstes (v2.1.0)

🆕 Kostenlose TTS-Funktion: Keine API-Schlüssel erforderlich, tägliches Freikontingent verfügbar
👤 Browser-Fingerabdruck-Erkennung: Stellt eine faire Nutzung des Freikontingents für jeden Nutzer sicher
🔄 Kontingentstatus-Anzeige: Zeigt verbleibende freie Zeichen und Zeit bis zur Rücksetzung in Echtzeit an
🌐 Serverstatus-Überwachung: Automatische Erkennung der Verbindung zum kostenlosen TTS-Server
🛡️ Verbesserte Fehlerbehandlung: Benutzerfreundlichere Fehlermeldungen und Statusrückmeldungen
🎛️ Kostenloses TTS-Einstellungsfeld: Einfache Konfiguration und Anzeige der Kontingentinformationen

UI- und Nutzererlebnis-Optimierung (v2.0.0)

✨ Einstellungsbereich-Optimierung: Einstellungsfeld unterstützt Einklappen, per Klick auf „Spracheinstellungen“-Titel ein-/ausklappbar
🔘 Intelligente Buttonposition: „Konvertierung starten“-Button nach oben verschoben, ohne Scrollen direkt erreichbar
💬 Statusanzeige verbessert: Intuitive Statusinformationen zum Konvertierungsfortschritt hinzugefügt
🎨 Visuelle Effekte optimiert: Buttons mit Lichteffekt-Animation, verbessertes Nutzererlebnis
📱 Responsive Layout-Optimierung: Verbesserte Darstellung auf unterschiedlichen Bildschirmgrößen

Diese Verbesserungen steigern die Nutzungseffizienz erheblich, insbesondere das Problem, dass bisher zum Seitenende gescrollt werden musste, um den „Konvertierung starten“-Button zu erreichen. Nun kann der Konvertierungsvorgang überall auf der Seite einfach gestartet werden.

Entwicklungsplan

📢 Wichtiger Hinweis: Desktop-Version in Entwicklung!

Wir entwickeln eine plattformübergreifende Desktop-Anwendung mit mehr Funktionen und besserem Nutzererlebnis.

Bleiben Sie auf dem Laufenden und verfolgen Sie den Projektverlauf für die neuesten Informationen.

Schnellstart

Entwicklungsumgebung

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

Produktions-Build

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

Bereitstellung

Nach dem Build können die Inhalte des dist-Verzeichnisses auf jedem beliebigen statischen Webserver bereitgestellt werden.

API-Konfiguration

Diese Webversion unterstützt derzeit den kostenlosen TTS-Dienst, die TTS88 API und die OpenAI API:

Konfiguration des kostenlosen TTS-Dienstes

Öffnen Sie die Einstellungen und suchen Sie die Option "Kostenloser TTS-Dienst"
Das System ist standardmäßig mit der Adresse des kostenlosen TTS-Servers konfiguriert
Sie können das verbleibende kostenlose Tageskontingent und die Rücksetzzeit einsehen
Jeder Browser-Client verfügt über ein eigenes kostenloses Kontingent

TTS88 API-Konfiguration

Öffnen Sie die Einstellungen und suchen Sie die Option "Drittanbieter-API-URL"
Geben Sie Ihre TTS88 API-Adresse ein
Falls Sie einen API-Schlüssel besitzen, tragen Sie ihn in das Feld "TTS88 API-Schlüssel" ein

OpenAI API-Konfiguration

Öffnen Sie die Einstellungen und suchen Sie die OpenAI-Einstellungen
Geben Sie Ihren OpenAI API-Schlüssel ein
Wählen Sie das gewünschte Modell aus (Standard: gpt-3.5-turbo)
Bei Verwendung von Self-Hosting oder Proxy können Sie eine benutzerdefinierte API-Basis-URL einstellen

Hinweise

Daten werden ausschließlich im lokalen Speicher des Browsers abgelegt; ein Aktualisieren oder Löschen des Caches hat keine Auswirkungen auf andere Nutzer
Die konvertierten Audiodateien können direkt im Browser abgespielt oder lokal heruntergeladen werden
Für den kostenlosen TTS-Dienst gilt ein tägliches Nutzungslimit; bei Überschreitung muss bis zur Rücksetzung am Folgetag gewartet werden

Technologiestack

Vue 3.2
Pinia
ElementPlus
Vite

Lizenz

MIT-Lizenz

Erste Schritte

Hinweis

Diese Software und der Quellcode dienen ausschließlich dem persönlichen Lernen und Testen. Bitte löschen Sie sie innerhalb von 24 Stunden nach dem Herunterladen und verwenden Sie sie nicht für kommerzielle Zwecke, andernfalls tragen Sie die alleinige Verantwortung. Für alle rechtlichen Konsequenzen aus missbräuchlicher Nutzung übernehme ich keine Haftung. Diese Software wird niemals kostenpflichtig sein. Sollten Sie vor der Nutzung zusätzliche Gebühren gezahlt oder den Quellcode bzw. das fertige Programm gegen Bezahlung erhalten haben, wurden Sie definitiv betrogen!

Bitte geben Sie beim Weitergeben die Quelle an. Es ist untersagt, andere zu verleiten, das Software-Repository, die Download-Adresse oder das Installationspaket über Gruppenbeitritte, private Nachrichten usw. zu erhalten.

Feedback zu Problemen und Versionen, QQ-Gruppe:

【tts-web-vue Feedback-Gruppe 1】279895662

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