TTS-Vue Wersja Web

✅ Demo online (zalecane): https://xiaoying.work (🎁 Codziennie darmowe 10 000 znaków)

>

🚀 Nowy produkt: Profesjonalny produkt lektorski / Bardziej stabilny / Obsługa pakietów / Więcej głosów / Kolejka zadań

🎤 Narzędzie do syntezy mowy Microsoft, wersja Web, zbudowane z użyciem Vue + ElementPlus + Vite.

Wersja hostowana / Wypróbuj online

To repozytorium jest referencyjną implementacją otwartego Web UI. Jeśli potrzebujesz bardziej stabilnej i funkcjonalnej usługi, zalecamy skorzystanie z naszej oficjalnej wersji hostowanej.

| Funkcja | Samodzielny hosting (to repozytorium) | XiaoYing.work (oficjalny hosting) | | :------------------ | :------------------------------------ | :------------------------------------------------------ | | Poziom wdrożenia | Wymaga samodzielnego wdrożenia backendu i konfiguracji środowiska | Działa od razu, bez konieczności wdrażania | | Darmowy limit | Zależny od konfiguracji backendu | Codziennie darmowe 10 000 znaków | | Stabilność | Zależna od lokalnego środowiska sieciowego | Wysoka dostępność SLA, przyspieszenie dedykowane | | Funkcje | Podstawowa synteza mowy | System kont, kolejka zadań, więcej głosów, wsparcie API | | Utrzymanie | Utrzymywane przez społeczność | Oficjalne, regularne aktualizacje i utrzymanie | | Zastosowanie | Nauka, eksperymenty osobiste | Środowisko produkcyjne, profesjonalny dubbing, częste użycie |

Przykłady stron

Interfejs strony hostowanej

https://xiaoying.work (🎁 Codziennie darmowe 10 000 znaków)

https://web.tts88.top

Interfejs nowej wersji

Interfejs starej wersji

Cechy funkcjonalne

• 🌐 Całkowicie webowe, bez potrzeby instalowania aplikacji desktopowej
• 🔊 Obsługa wielu syntezatorów mowy Microsoft
• 🚀 Integracja z API TTS88
• 🆓 Obsługa darmowych wywołań TTS, codzienne limity gratis
• 🧠 Obsługa generowania tekstu przez OpenAI
• 🌍 Obsługa wielu języków: chiński, angielski, hiszpański
• 🔐 Rozpoznawanie odcisku przeglądarki, bezpieczniejsze doświadczenie użytkownika

Najnowsze aktualizacje

Przebudowa interfejsu i ulepszenie funkcji (v2.2.0)

• 📱 Przebudowa UI: Stała górna nawigacja, pole tekstowe w trybie przypiętym, optymalizacja pod urządzenia mobilne
• 🔤 Ulepszenie SSML: Nowa funkcja formatowania SSML, automatyczna aktualizacja SSML zgodnie z ustawieniami
• 🎵 Optymalizacja odtwarzacza: Integracja odtwarzacza z głównym interfejsem, lepsze odtwarzanie i pobieranie dźwięku
• 🎞️ Funkcja napisów: Nowa funkcja generowania napisów online, zwiększenie efektywności tworzenia treści
• 🌓 Optymalizacja motywu: Poprawa wyglądu w trybie ciemnym, dodanie globalnego przełączania motywu
• 🛠️ Ustawienia zaawansowane: Optymalizacja interfejsu darmowych usług TTS, nowe opcje prędkości mowy i tonu
• 💡 Doświadczenie interakcji: Dodanie podpowiedzi narzędziowych, lepsze prowadzenie użytkownika
• 🔄 Aktualizacja zależności: Vue zaktualizowano do 3.5.11, ElementPlus do 2.9.9
• 🌐 Aktualizacja linków: Uaktualnienie adresu repozytorium GitHub

Integracja darmowego TTS (v2.1.0)

• 🆕 Darmowa funkcja TTS: Brak wymaganego klucza API, codziennie darmowy limit
• 👤 Rozpoznawanie przeglądarki: Zapewnienie uczciwego wykorzystania limitu przez każdego użytkownika
• 🔄 Wyświetlanie stanu limitu: Na bieżąco pokazuje pozostałe darmowe znaki i czas resetu
• 🌐 Wykrywanie statusu serwera: Automatyczne sprawdzanie połączenia z serwerem darmowego TTS
• 🛡️ Ulepszone obsługiwanie błędów: Przyjaźniejsze komunikaty o błędach i informacje o stanie
• 🎛️ Panel ustawień darmowego TTS: Umożliwia wygodną konfigurację i podgląd limitu

Optymalizacja interfejsu i UX (v2.0.0)

• ✨ Optymalizacja ustawień: Panel ustawień wspiera zwijanie, kliknij nagłówek "Ustawienia głosu", aby rozwinąć/zwinąć
• 🔘 Inteligentna pozycja przycisku: Przycisk "Rozpocznij konwersję" przeniesiony na górę, dostępny bez przewijania
• 💬 Wzmocnione komunikaty stanu: Dodano intuicyjne teksty informujące o stanie konwersji
• 🎨 Poprawa efektów wizualnych: Przycisk z animacją świetlną, lepsze doświadczenie użytkownika
• 📱 Lepsza responsywność: Ulepszone wyświetlanie na różnych rozmiarach ekranu

Te ulepszenia znacząco zwiększyły wydajność korzystania, szczególnie rozwiązując problem w tradycyjnych projektach, gdzie użytkownik musiał przewijać na dół, by kliknąć "Rozpocznij konwersję". Teraz, niezależnie od pozycji na stronie, można łatwo rozpocząć proces konwersji.

Plan rozwoju

📢 Ważna informacja: wersja desktopowa w trakcie opracowania!

Opracowujemy wieloplatformową aplikację desktopową, która zaoferuje więcej funkcji i lepsze doświadczenie użytkownika.

Czekaj na kolejne aktualizacje i śledź projekt, by być na bieżąco.

Szybki start

Środowisko deweloperskie

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

Kompilacja produkcyjna

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

Wdrażanie

Po zakończeniu kompilacji, zawartość katalogu dist należy wdrożyć na dowolnym serwerze statycznym WWW.

Konfiguracja API

Ta wersja webowa obsługuje obecnie darmową usługę TTS, TTS88 API oraz OpenAI API:

Konfiguracja darmowej usługi TTS

• Na stronie ustawień znajdź opcję "Darmowa usługa TTS"
• System domyślnie skonfigurował adres serwera darmowej usługi TTS
• Możesz sprawdzić pozostały dzienny limit darmowy oraz czas resetu
• Każda przeglądarka posiada niezależny limit darmowy

Konfiguracja TTS88 API

• Na stronie ustawień znajdź opcję ustawień "URL API strony trzeciej"
• Wprowadź adres swojego TTS88 API
• Jeśli posiadasz klucz API, wpisz go w pole "Klucz TTS88 API"

Konfiguracja OpenAI API

• Na stronie ustawień znajdź opcję ustawień OpenAI
• Wprowadź swój klucz OpenAI API
• Wybierz model do użycia (domyślnie gpt-3.5-turbo)
• W przypadku korzystania z hostingu własnego lub proxy, można ustawić niestandardowy API Base URL

Uwagi

• Dane są przechowywane wyłącznie w lokalnej pamięci przeglądarki, odświeżenie lub wyczyszczenie pamięci podręcznej nie wpłynie na innych użytkowników
• Przekonwertowane pliki audio można odtwarzać bezpośrednio w przeglądarce lub pobrać na dysk lokalny
• Darmowa usługa TTS posiada dzienny limit wykorzystania, po jego przekroczeniu należy poczekać na reset następnego dnia

Stos technologiczny

• Vue 3.2
• Pinia
• ElementPlus
• Vite

Licencja

Licencja MIT

Rozpoczęcie pracy

• Wprowadzenie do projektu
• Instalacja i uruchomienie
• Opis funkcji
• Najczęściej zadawane pytania
• Dziennik zmian

Uwaga

Oprogramowanie oraz kod są przeznaczone wyłącznie do nauki i testów indywidualnych. Proszę usunąć je w ciągu 24 godzin od pobrania i nie używać do celów komercyjnych, w przeciwnym razie ponosisz pełną odpowiedzialność. Za wszelkie konsekwencje prawne wynikające z nieprawidłowego użytkowania autor nie ponosi odpowiedzialności. Oprogramowanie to nigdy nie będzie płatne — jeśli przed użyciem zapłaciłeś jakąkolwiek dodatkową opłatę lub kupiłeś kod źródłowy bądź gotowy program, zostałeś oszukany!

Przy udostępnianiu proszę podać źródło. Zabrania się nakłaniania innych do uzyskania repozytorium, adresu pobierania lub paczki instalacyjnej poprzez dołączanie do grup, prywatne wiadomości itp.

Wszelkie uwagi, zgłoszenia błędów, publikacje wersji — grupa QQ:

【tts-web-vue grupa zgłoszeń błędów 1】279895662

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