Web Analytics

tts-web-vue

⭐ 260 stars Polish by henryhu55

🌐 Język

TTS-Vue Wersja Web

🎤 Narzędzie do syntezy mowy Microsoft, wersja webowa, zbudowana przy użyciu Vue + ElementPlus + Vite.

Przykład strony internetowej

https://web.tts88.top

Nowy interfejs wersji

image

Stary interfejs

image

Funkcje i cechy

  • 🌐 Całkowicie webowy, bez potrzeby instalowania aplikacji desktopowej
  • 🔊 Obsługa wielu syntezatorów mowy Microsoft
  • 🚀 Integracja z API TTS88
  • 🆓 Obsługa darmowego TTS, codzienny darmowy limit
  • 🧠 Wsparcie dla generowania tekstu przez OpenAI
  • 🌍 Wsparcie wielu języków: chiński, angielski, hiszpański
  • 🔐 Rozpoznawanie odcisku palca przeglądarki, bezpieczniejsze korzystanie

Najnowsze aktualizacje

Przebudowa interfejsu i rozbudowa funkcji (v2.2.0)

  • 📱 Przebudowa UI: Stała górna nawigacja, pole tekstowe z przyklejaniem, lepsze wsparcie mobilne
  • 🔤 Rozszerzenie SSML: Nowa funkcja formatowania SSML, automatyczne aktualizacje przy zmianie ustawień
  • 🎵 Optymalizacja odtwarzacza: Zintegrowany odtwarzacz w głównym interfejsie, lepsze odtwarzanie i pobieranie audio
  • 🎞️ Funkcja napisów: Nowa opcja generowania napisów online, zwiększa efektywność tworzenia treści
  • 🌓 Optymalizacja motywu: Ulepszony wygląd w trybie ciemnym, możliwość globalnej zmiany motywu
  • 🛠️ Zaawansowane ustawienia: Ulepszony interfejs darmowego TTS, nowe opcje tempa i tonu mowy
  • 💡 Lepsza interakcja: Dodano podpowiedzi narzędziowe, ułatwienie obsługi dla użytkownika
  • 🔄 Aktualizacja zależności: Vue zaktualizowane do 3.5.11, ElementPlus do 2.9.9
  • 🌐 Aktualizacja linków: Zaktualizowano adres repozytorium GitHub

Integracja darmowej usługi TTS (v2.1.0)

  • 🆕 Funkcja darmowego TTS: Brak wymogu klucza API, codziennie darmowy limit
  • 👤 Rozpoznawanie odcisku przeglądarki: Zapewnia sprawiedliwe wykorzystanie limitu przez każdego użytkownika
  • 🔄 Wyświetlanie stanu limitu: Na bieżąco pokazuje pozostałe znaki i czas resetu
  • 🌐 Sprawdzanie stanu serwera: Automatyczna kontrola połączenia z darmowym serwerem TTS
  • 🛡️ Lepsza obsługa błędów: Przyjaźniejsze komunikaty i informacja o stanie
  • 🎛️ Panel ustawień darmowego TTS: Łatwa konfiguracja i podgląd limitów przez użytkownika

Optymalizacja interfejsu i doświadczenia użytkownika (v2.0.0)

  • Optymalizacja obszaru ustawień: Panel ustawień obsługuje zwijanie, kliknięcie nagłówka "Ustawienia głosu" pozwala rozwinąć/zwinąć
  • 🔘 Pozycja inteligentnego przycisku: Przycisk "Rozpocznij konwersję" przeniesiono na górę, można go kliknąć bez przewijania
  • 💬 Wzmocnienie podpowiedzi statusu: Dodano intuicyjny tekst informujący o stanie konwersji
  • 🎨 Ulepszenie efektów wizualnych: Przycisk wzbogacono o animację świetlną dla lepszych wrażeń użytkownika
  • 📱 Optymalizacja responsywnego układu: Poprawiono wygląd na różnych rozmiarach ekranów
Te ulepszenia znacząco zwiększyły efektywność użytkowania, szczególnie rozwiązując problem tradycyjnych projektów, gdzie użytkownik musiał przewijać stronę do dołu, aby kliknąć "Rozpocznij konwersję". Teraz, niezależnie od miejsca na stronie, można łatwo uruchomić proces konwersji.

Plan rozwoju

📢 Ważna informacja: wersja desktopowa jest w trakcie opracowywania!
Opracowujemy wieloplatformową aplikację desktopową, która zapewni więcej funkcji i lepsze doświadczenie użytkownika.
Śledź kolejne aktualizacje i bądź na bieżąco z informacjami o projekcie.

Szybki start

Środowisko programistyczne

# 克隆仓库
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

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: 2025-12-30 ---