TTS-Vue Webversie
✅ Online Demo (Aanbevolen): https://xiaoying.work (🎁 Dagelijks gratis 10.000 tekens)>
🚀 Nieuw product: Professionele voice-over / Stabieler / Ondersteunt abonnementen / Meer stemmen / Met taakwachtrij
🎤 Microsoft spraaksynthese tool, Webversie, gebouwd met Vue + ElementPlus + Vite.
Gehoste versie / Probeer het online
Deze repository is een referentie-implementatie van een open-source Web UI. Als u een stabielere en krachtigere service nodig heeft, raden wij onze officiële gehoste versie aan.
| Eigenschap | Zelf-gehost (deze repository) | XiaoYing.work (officieel gehost) | | :------------------ | :----------------------------- | :------------------------------------------------------ | | Installatie | Moet backend handmatig installeren en configureren | Direct te gebruiken, geen installatie nodig | | Gratis limiet | Afhankelijk van backend-configuratie | Dagelijks gratis 10.000 tekens | | Stabiliteit | Afhankelijk van lokale netwerkconditie | Hoogwaardige SLA, dedicated versnelling | | Functies | Basis spraaksynthese | Accountbeheer, taakwachtrij, meer stemmen, API-ondersteuning | | Onderhoud | Community-onderhouden | Officieel regelmatig bijgewerkt | | Toepassing | Studie, persoonlijk experimenteren | Productie, professionele voice-over, intensief gebruik |
Website Voorbeelden
Gehoste website-interface
https://xiaoying.work (🎁 Dagelijks gratis 10.000 tekens)

https://web.tts88.top
Nieuwe versie interface
Oude versie interface
Functies & Kenmerken
- 🌐 Volledig web-based, geen desktopapplicatie nodig
- 🔊 Ondersteunt diverse Microsoft-spraaksynthese
- 🚀 Ondersteunt TTS88 API-integratie
- 🆓 Ondersteunt gratis TTS-verzoeken, dagelijkse limiet
- 🧠 Ondersteunt OpenAI tekstgeneratie
- 🌍 Ondersteunt meerdere talen: Chinees, Engels, Spaans
- 🔐 Browser fingerprinting, veiligere gebruikerservaring
Laatste updates
Interface-herstructurering en functieverbetering (v2.2.0)
- 📱 UI-herstructurering: Vastgezette bovenste navigatie, tekstvak in sticky-modus, geoptimaliseerd voor mobiele apparaten
- 🔤 SSML-versterking: Nieuwe SSML-formatteerfunctie, SSML wordt automatisch bijgewerkt bij wijziging van instellingen
- 🎵 Speleroptimalisatie: Speler geïntegreerd in hoofdinterface, verbeterde audio-afspeel- en downloadervaring
- 🎞️ Ondertitelfunctie: Nieuwe online ondertitelinggeneratie, verhoogt efficiëntie van contentcreatie
- 🌓 Themaoptimalisatie: Verbeterde weergave in donkere modus, globale themawisseling toegevoegd
- 🛠️ Geavanceerde instellingen: Verbeterde gratis TTS-service-interface, nieuwe snelheids- en toonhoogteconfiguratie
- 💡 Interactieve ervaring: Toegevoegde tooltip-functie, verbeterde gebruikersinstructies
- 🔄 Afhankelijkheden geüpdatet: Vue geüpdatet naar 3.5.11, ElementPlus naar 2.9.9
- 🌐 Link-updates: GitHub-repositoryadres bijgewerkt
Gratis TTS-service-integratie (v2.1.0)
- 🆕 Gratis TTS-functie: Geen API-sleutel nodig, dagelijks gratis tegoed beschikbaar
- 👤 Browser fingerprinting: Eerlijke verdeling van gratis tegoed per gebruiker gegarandeerd
- 🔄 Tegoedstatusweergave: Realtime weergave van resterende gratis tekens en reset-tijd
- 🌐 Serverstatuscontrole: Automatische controle van verbinding met gratis TTS-server
- 🛡️ Verbeterde foutafhandeling: Gebruiksvriendelijkere foutmeldingen en statusfeedback
- 🎛️ Gratis TTS-instellingenpaneel: Makkelijk configureren en bekijken van tegoedinformatie
Interface- en gebruikerservaringoptimalisatie (v2.0.0)
- ✨ Instellingen geoptimaliseerd: Paneel kan worden ingeklapt, klik op "Spraakinstellingen" om uit te vouwen/inklapen
- 🔘 Slimme knoppositie: "Start conversie"-knop verplaatst naar boven, direct aanklikbaar zonder scrollen
- 💬 Verbeterde statusweergave: Intuïtieve statusmeldingen toegevoegd aan conversieproces
- 🎨 Verbeterde visuele effecten: Knoppen met lichteffect-animatie voor betere gebruikerservaring
- 📱 Responsieve lay-out geoptimaliseerd: Verbeterde weergave op verschillende schermformaten
Ontwikkelingsplanning
📢 Belangrijke mededeling: desktopversie in ontwikkeling!
Wij ontwikkelen een cross-platform desktopapplicatie met meer functies en een betere gebruikerservaring.
Houd de ontwikkelingen in de gaten voor het laatste nieuws en updates.
Snel starten
Ontwikkelomgeving
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devProductiebouw
# 构建生产版本
yarn build预览生产版本
yarn previewDeploy
Na het bouwen, hoeft u alleen de inhoud van de dist-map te deployen op een willekeurige statische webserver.
API-configuratie
Deze webversie ondersteunt momenteel gratis TTS-diensten, de TTS88 API en de OpenAI API:
Configuratie van gratis TTS-dienst
- Zoek de optie "Gratis TTS-dienst" op de instellingenpagina
- Standaard is er een gratis TTS-serveradres geconfigureerd
- U kunt het resterende gratis tegoed van de dag en de reset-tijd bekijken
- Elke browserclient heeft een eigen gratis tegoed
TTS88 API-configuratie
- Zoek de instelling "Derde partij API URL" op de instellingenpagina
- Voer uw TTS88 API-adres in
- Indien u een API-sleutel heeft, vul deze in bij het veld "TTS88 API-sleutel"
OpenAI API-configuratie
- Zoek de OpenAI-instellingen op de instellingenpagina
- Voer uw OpenAI API-sleutel in
- Kies het model dat u wilt gebruiken (standaard is gpt-3.5-turbo)
- Bij gebruik van zelfgehoste of proxy-oplossing kunt u een aangepaste API Base URL instellen
Opmerkingen
- Gegevens worden alleen lokaal in de browser opgeslagen, verversen of cache wissen beïnvloedt andere gebruikers niet
- Omgezette audiobestanden kunnen direct in de browser worden afgespeeld of naar de computer worden gedownload
- De gratis TTS-dienst heeft een dagelijks gebruikslimiet; na overschrijding moet u wachten tot de volgende dag voor reset
Technische stack
- Vue 3.2
- Pinia
- ElementPlus
- Vite
Licentie
MIT-licentie
Aan de slag
Let op
Deze software en code zijn uitsluitend bedoeld voor persoonlijk leer- en testgebruik. Verwijder het binnen 24 uur na het downloaden en gebruik het niet voor commerciële doeleinden, anders is het risico voor eigen rekening. Eventuele juridische gevolgen van ongeoorloofd gebruik zijn niet mijn verantwoordelijkheid. Deze software zal ook nooit geld kosten. Als u voor het gebruik van deze software extra heeft betaald, of als u tegen betaling de broncode of de voltooide software heeft verkregen, bent u zeker opgelicht!
Vermeld bij overname altijd de bron. Het is verboden anderen te verleiden om via groepen, privéberichten e.d. de opslagplaats, downloadlink of installatiepakket van de software te verkrijgen.
Voor feedback over problemen en versiepublicaties is er een QQ-groep:
【tts-web-vue feedbackgroep 1】279895662
--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---