Alte Version der Benutzeroberfläche

Funktionsmerkmale

• 🌐 Vollständig webbasiert, keine Installation einer Desktop-App erforderlich
• 🔊 Unterstützung für verschiedene Microsoft-Sprachsynthesen
• 🚀 Unterstützung für TTS88 API-Integration
• 🆓 Unterstützung für kostenlose TTS-Nutzung, tägliches Freikontingent
• 🧠 Unterstützung für textgenerierung durch OpenAI
• 🌍 Mehrsprachige Unterstützung: Chinesisch, Englisch, Spanisch
• 🔐 Browser-Fingerabdruckerkennung, sichereres Nutzererlebnis

Neueste Updates

UI-Refactoring und Funktionsverbesserungen (v2.2.0)

• 📱 UI-Refactoring: Fixierte obere Navigation, Textfeld als Sticky-Element, optimierte mobile Anpassung
• 🔤 SSML-Verbesserungen: Neue SSML-Formatierungsfunktion, automatische Aktualisierung von SSML bei Einstellungen
• 🎵 Player-Optimierung: Player in Hauptoberfläche integriert, verbessertes Audio-Abspiel- und Download-Erlebnis
• 🎞️ Untertitelfunktion: Neue Online-Untertitelgenerierung, effizientere Inhaltserstellung
• 🌓 Theme-Optimierung: Verbesserte Darstellung im Dunkelmodus, globale Theme-Umschaltung
• 🛠️ Erweiterte Einstellungen: Optimierte Oberfläche für kostenlose TTS-Dienste, neue Sprechgeschwindigkeit- und Tonhöheneinstellungen
• 💡 Interaktionserlebnis: Tooltips hinzugefügt, bessere Nutzerführung
• 🔄 Abhängigkeits-Upgrade: Vue auf 3.5.11 aktualisiert, ElementPlus auf 2.9.9 aktualisiert
• 🌐 Link-Update: GitHub-Repository-Adresse aktualisiert

Integration kostenloser TTS-Dienste (v2.1.0)

• 🆕 Kostenlose TTS-Funktion: Keine API-Schlüssel nötig, tägliches Freikontingent
• 👤 Browser-Fingerabdruckerkennung: Fairer Zugang zum Freikontingent für jeden Nutzer
• 🔄 Kontingentstatus-Anzeige: Echtzeit-Anzeige verbleibender kostenloser Zeichen und Reset-Zeitpunkt
• 🌐 Serverstatus-Prüfung: Automatische Prüfung der Verbindung zum kostenlosen TTS-Server
• 🛡️ Verbesserte Fehlerbehandlung: Benutzerfreundlichere Fehlerhinweise und Statusmeldungen
• 🎛️ Kostenloses TTS-Einstellungsfeld: Einfache Konfiguration und Kontingentübersicht für Nutzer

UI- und Nutzererlebnis-Optimierung (v2.0.0)

• ✨ Optimierung des Einstellungsbereichs: Das Einstellungs-Panel ist jetzt einklappbar, durch Klicken auf den Titel "Spracheinstellungen" kann es ein- oder ausgeklappt werden.
• 🔘 Position des Smart-Buttons: Der "Konvertierung starten"-Button befindet sich nun oben und ist ohne Scrollen erreichbar.
• 💬 Verbesserte Statusanzeige: Es wurden intuitive Statusmeldungen für den Konvertierungsprozess hinzugefügt.
• 🎨 Verbesserte visuelle Effekte: Buttons haben nun Lichteffekte, um das Nutzererlebnis zu verbessern.
• 📱 Optimiertes responsives Layout: Die Darstellung auf unterschiedlichen Bildschirmgrößen wurde weiter verbessert.

Entwicklungsplan

📢 Wichtige Mitteilung: Desktop-Version in Entwicklung!

Wir entwickeln derzeit eine plattformübergreifende Desktop-Anwendung, die mehr Funktionen und ein besseres Nutzererlebnis bieten wird.

Bleiben Sie auf dem Laufenden und verfolgen Sie die neuesten Informationen zum Projekt.

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