Wtyczka WordPress do zamiany tekstu na mowę TTS

GSpeech Cloud Console to ostatnia generacja naszego produktu, która umożliwia korzystanie z najlepszych głosów AI, tłumaczenie treści audio w czasie rzeczywistym na ponad 70 języków. Obsługuje wiele typów odtwarzaczy:

• Odtwarzacz pełnej strony
• Przycisk Gracza
• Gracz w kręgu
• Przeczytaj odtwarzacz wyróżnionego tekstu (RHT).
• Wiadomości powitalne

Możesz je sprawdzić strona demo.

Aby z niego skorzystać, musisz aktywować Cloud Console.
Przejdź do „GSpeech->Cloud Console”. Wybierz domyślny język witryny, swoje hasło i kliknij „Aktywuj”:

Jeśli już zarejestrowałeś się na gspeech.io, to Zaloguj się, zamiast Aktywacja. Po zalogowaniu przycisk aktywacji zostanie włączony:

Po aktywacji zostaniesz przekierowany na stronę ustawień. Główne ustawienia są podzielone na kilka zakładek.

Ogólne Tab: Tutaj możesz kontrolować główne ustawienia:

• Wybierz język - Główny język Twojej witryny. Będzie ona używana jako wartość domyślna dla wszystkich widżetów audio.
• Plan - Domyślnie korzystasz z planu bezpłatnego. Migracja do planów komercyjnych odbywa się tutaj jednym kliknięciem.
• Status - Opublikowane, niepublikowane.
• Program Partnerski - Zostań partnerem i otrzymaj 15% prowizji. Pokazuje mały link w odtwarzaczu z Twoim specjalnym kluczem. Możesz zobaczyć sprzedaż z Twoim kluczem na swoim pulpicie.
  W ten sposób przyczyniasz się również do zwiększenia popularności produktu.
• Lazy Loading - Jeśli jest włączony, GSpeech w ogóle nie będzie miał wpływu na czas ładowania strony.
• Załaduj ponownie sesję - Włącz tę opcję, aby zaktualizować tokeny uwierzytelniające po ponownej aktywacji konsoli chmurowej.
• Automatyczne włączanie - Automatycznie włącz odtwarzacz!
• Pokaż na stronie głównej - Pokaż odtwarzacz na stronie głównej.
• Przeczytaj tytuły - Umieść tekst tytułu na początku nagrania audio.
• Strona internetowa wielojęzyczna - Automatyczne wykrywanie bieżącego języka witryny i ładowanie odpowiednich danych.
• Rodzaje Pocztowe - Na jakich typach postów pokazują się gracze.
• Kategorie - W jakich kategoriach pokazują się gracze.
• Voicie - Domyślny głos. Jest używana jako wartość domyślna dla wszystkich widżetów audio.
• Szybkość głosu - Dostępne tylko dla głosów AI.
• Wysokość głosu - Dostępne tylko dla głosów AI.
• Panel głosowy - Pokazuje panel głosowy w odtwarzaczach i daje użytkownikom możliwość wyboru żądanego głosu.
• Wyklucz zawartość - Użyj wartości CSS, aby wykluczyć niektóre elementy zawartości z audio. Podczas dostępu do elementu przez id, użyj # i kropki(.) podczas używania z klasą. Oddziel wiele wartości przecinkiem(,).
  Przykład: #some_id,.some_class
• Dozwolone adresy URL - Lista adresów URL, pod którymi powinien być renderowany gracz. Umieść jeden adres URL w każdym wierszu. Użyj gwiazdki (*), aby dopasować dowolny znak.
  Przykład: https://twojadomena.io/blog/*
• Zablokowane adresy URL - Lista adresów URL, gdzie gracz NIE powinien być renderowany. Umieść jeden adres URL w wierszu. Użyj gwiazdki (*), aby dopasować dowolny znak.
  Przykład: https://twojadomena.io/blog/*
• Tłumaczenie w locie - Włącz tę opcję, jeśli Twoja witryna używa metody tłumaczenia w locie. Ta opcja pozwala czekać na gotowość tłumaczenia i zastosować odtwarzacz do przetłumaczonej treści.
  Uwaga: Należy również włączyć opcję „Wiele języków”.

Karta gracza: Tutaj możesz kontrolować ustawienia odtwarzacza:

• Wyświetl animację - Jak powinien wyglądać gracz.
• Panel prędkości - Pokazuje kontrolę prędkości.
• Panel głośności - Pokazuje regulację głośności.
• Panel tekstowy - Otwiera panel tekstowy i podświetla część tekstu, która jest czerwona.
• Pobierz panel - Pokazuje ikonę pobierania w odtwarzaczu, aby pobrać plik mp3.
• Liczba odtworzeń - Pokazuje liczbę zagranych przez danego gracza.

Zakładka Tłumaczenie: tutaj określasz listę języków i głosów dla każdego języka. Pokazuje ikonę globusa w odtwarzaczu, która otwiera listę języków.

Kod niestandardowy: tutaj możesz napisać niestandardowy CSS lub JavaScript.

Pseudonimy: Na przykład potrzebujesz sztucznej inteligencji, aby można ją było odczytać jako sztuczną inteligencję. Po prostu dodaj linię: ai: sztuczna inteligencja.

Teraz przeprowadzimy Cię przez różne typy graczy! Sterowanie nimi odbywa się za pomocą widżetów audio. Każdy gracz ma tam swój widget.

Odtwarzacz Czytaj wyróżniony tekst (RHT) umożliwia użytkownikom słuchanie dowolnego wybranego tekstu w witrynie. To bardzo fajna funkcja ułatwień dostępu dla każdej strony internetowej!

Aby nim zarządzać, przejdź do „Widżety->RHT Player”:

Zobaczysz tam listę wszystkich opcji, oddzielonych tabulatorami.

Ogólne Tab: tutaj kontrolujesz ogólną konfigurację.

• Tytuł - nazwa widżetu. Używany tylko na desce rozdzielczej.
• Status - Opublikowane, niepublikowane.
• Użyć niestandardowego języka/głosu? - Jeśli jest wyłączony, używa wartości globalnych określonych w sekcji Ustawienia. Możesz tutaj użyć wartości niestandardowych.
• Wiele głosów - Pokazuje panel głosowy w odtwarzaczu i daje możliwość wyboru różnych głosów.

Karta treści: tutaj kontrolujesz konfigurację treści.

• Tekst tytułu - Tytuł gracza, który jest widoczny, gdy użytkownik na niego najedzie.
• Dozwolone adresy URL - Podaj adresy URL, gdzie ten odtwarzacz powinien być aktywny. Domyślnie jest aktywny na wszystkich stronach. Możesz wstawić jeden adres URL w każdym wierszu. Możesz użyć gwiazdki, aby dopasować dowolny znak. Na przykład potrzebujesz, aby był aktywny na wszystkich stronach bloga, możesz pisać https://example.com/blog/* .
• Zablokowane adresy URL - Określ adresy URL, gdzie ten odtwarzacz powinien być ukryty.

Karta gracza: To samo, co w zakładce odtwarzacza w ustawieniach chmury, ale daje możliwość użycia wartości niestandardowych. Na przykład, jeśli panel głośności jest domyślnie włączony, ale chcesz go wyświetlić dla tego odtwarzacza.

Zakładka Teksty: Kontroluj wszystkie teksty w odtwarzaczu:

Wygląd tabulatora: Kontroluj wygląd odtwarzacza za pomocą podglądu na żywo:

• Podgląd - Zobacz wygląd gracza w czasie rzeczywistym.
• szablon - Wybierz jeden z 16 pięknych schematów kolorów.
• Widok blokowy - Widok odtwarzacza RHT. W widokach 2 i 3 panele Język i Tekst są rozwinięte.
• Pozycja ikony - Lewo prawo. Pozycja ikony TTS, która informuje o aktywnej usłudze TTS w serwisie.
• Górne przesunięcie - Przesunięcie tej ikony.
• Pokaż baner - Pokaż/ukryj baner ilustracyjny TTS, który informuje, w jaki sposób użytkownicy mogą z niego korzystać.
• Pozycja banera - Gdzie wystawić baner.
• Baner Zamknięcie wydarzenia - Pokaż baner w dowolnym momencie lub ukryj podczas sesji.

Pseudonimy: To samo co w przypadku aliasów ustawień chmury, ale tylko dla tego odtwarzacza.

Odtwarzacz pełnostronicowy GSpeech to pełnowymiarowy odtwarzacz tekstu na audio z zaawansowanymi funkcjami:

📚 Odtwarzacz pełnostronicowy - krótki kod

Aby wstawić odtwarzacz pełnostronicowy w dowolnym miejscu treści, użyj [gspeech] Krótki kod.
Aby zarządzać odtwarzaczem pełnostronicowym wstawionym za pomocą krótkiego kodu, przejdź do „Widżety->Odtwarzacz pełnostronicowy – krótki kod”:

Otworzy się wszystkie opcje oddzielone tabulatorami.

Ogólne Tab: tutaj kontrolujesz ogólną konfigurację.

• Tytuł - nazwa widżetu. Używany tylko na desce rozdzielczej.
• Krótki kod - Krótki kod do wstawienia w dowolnym miejscu treści.
• Niestandardowy HTML - Można również wstawić za pomocą HTML.
• Status - Opublikowane, niepublikowane.
• Użyć niestandardowego języka/głosu? - Jeśli jest wyłączony, używa wartości globalnych określonych w sekcji Ustawienia. Możesz tutaj użyć wartości niestandardowych.
• Wiele głosów - Pokazuje panel głosowy w odtwarzaczu i daje możliwość wyboru różnych głosów.

Karta treści: tutaj kontrolujesz konfigurację treści.

• Selektor treści - Określ wartości HTML elementów, które mają być zawarte w dźwięku. Oddziel przecinkiem (,).
  Przykład: artykuł,sekcja,#my_id,.moja_klasa.
  Zastosowanie klasa_rodzica, która jest wartością domyślną, aby pobrać zawartość elementu nadrzędnego, do którego został wstawiony.
• Renderuj element - Powinno być .gsp_full_player dla tego widżetu audio.
• Pozycja renderowania - Nie jest potrzebne w przypadku krótkiego kodu.
• Wyklucz listę - Określ wartości HTML elementów, których nie należy czytać. Oddziel przecinkiem (,). Przykład: #element_id,.element_klasa.
• Selektor tytułów - Jeśli chcesz, aby tytuł odtwarzacza był tytułem Twojego artykułu, podaj tutaj jego wartość HTML. Przykład: h1. Podczas używania pozostaw to pole puste Tekst tytułu.
• Tekst tytułu - Tytuł gracza.
• Tekst treści - jeśli chcesz, aby ten odtwarzacz czytał tylko określoną treść, określ to tutaj.
• Dozwolone adresy URL - Nie jest potrzebne w przypadku krótkiego kodu.
• Zablokowane adresy URL - Nie jest potrzebne w przypadku krótkiego kodu.

Karta gracza: tutaj kontrolujesz konfigurację odtwarzacza. Jest taki sam, jak w zakładce Gracza w Ustawieniach Chmury, ale daje możliwość użycia wartości niestandardowych.

• Automatyczne ładowanie - Automatycznie generuje dźwięk po załadowaniu strony, bez klikania przycisku odtwarzania. Należy zachować ostrożność, ponieważ może to powodować duże użycie znaków.

Zakładka Teksty: Kontroluj wszystkie teksty w odtwarzaczu:

Wygląd tabulatora: Kontroluj wygląd gracza:

• Podgląd - Zobacz wygląd gracza w czasie rzeczywistym.
• szablon - Wybierz jeden z 16 pięknych schematów kolorów.
• Temat BG - Stylizacja tła odtwarzacza.
• Szerokość - Szerokość odtwarzacza. Może być wyrażona w procentach lub pikselach.
• Margines — góra/dół - Górny i dolny margines odtwarzacza.

Pseudonimy: To samo co w przypadku aliasów ustawień chmury, ale tylko dla tego odtwarzacza.

Za pomocą tego widgetu audio można automatycznie renderować odtwarzacz na wielu stronach.
Aby zarządzać widżetem Full Page Player - Multi-Page Player, przejdź do „Widżety->Multi-Page (Full Page Player)”:

Otworzy wszystkie opcje, rozdzielone zakładkami. Są takie same jak dla Full Page Player - Shortcode. Dlatego nie będziemy omawiać wszystkich opcji, sprawdź sekcję powyżej. Omówimy opcje związane tylko z tym widżetem.
Domyślnie jest niepublikowany, najpierw musisz go opublikować.
Karta Ogólne:

• Status - Aby aktywować należy ustawić Opublikowano.

Zakładka Treść:

• Selektor treści - Określ wartości HTML elementów, które mają być zawarte w dźwięku. Oddziel przecinkiem (,).
  Przykład: artykuł,sekcja,#my_id,.moja_klasa.
  Zastosowanie klasa własna, która jest wartością domyślną, aby pobrać zawartość elementu w miejscu jego wstawienia.
• Renderuj element - Domyślnie ma wartość: .treść-wpisu, .treść-postu, .treść_postu, .post, .blog, .treść-bloga, .treść, .sekcja, artykuł . Jeśli Twoja treść używa specjalnej nazwy klasy, umieść ją tutaj.
• Pozycja renderowania - Po lub przed treścią.
• Wyklucz listę - Określ wartości HTML elementów, których nie należy czytać. Oddziel przecinkiem (,). Przykład: #element_id,.element_klasa.
• Selektor tytułów - Jeśli chcesz, aby tytuł odtwarzacza był tytułem Twojego artykułu, podaj tutaj jego wartość HTML. Przykład: h1. Podczas używania pozostaw to pole puste Tekst tytułu.
• Tekst tytułu - Tytuł gracza.
• Tekst treści - jeśli chcesz, aby ten odtwarzacz czytał tylko określoną treść, określ to tutaj.
• Dozwolone adresy URL - Podaj adresy URL, gdzie ten odtwarzacz powinien być aktywny. Domyślnie jest aktywny na wszystkich stronach. Możesz wstawić jeden adres URL w każdym wierszu. Możesz użyć gwiazdki, aby dopasować dowolny znak. Na przykład potrzebujesz, aby był aktywny na wszystkich stronach bloga, możesz pisać https://example.com/blog/* .
• Zablokowane adresy URL - Podaj adresy URL, gdzie ten odtwarzacz powinien być ukryty. Jeśli chcesz go ukryć na stronie głównej, umieść tutaj adres URL strony głównej.

Pozostałe opcje zakładek są takie same jak w przypadku Full Page Player - Shortcode, więc sprawdź sekcję powyżej.

GSpeech Button Player to odtwarzacz audio w formie przycisków, z rozbudowanym panelem opcji, który otwiera się po kliknięciu ikony kropki:

Aby wstawić odtwarzacz przycisków w dowolnym miejscu treści, użyj [gspeech-button] Krótki kod.
Aby zarządzać odtwarzaczem przycisków wstawionym za pomocą krótkiego kodu, przejdź do „Widżety->Odtwarzacz przycisków - Krótki kod”:

Otworzy się wszystkie opcje oddzielone tabulatorami.
Struktura tutaj jest taka sama jak dla Full Page Player - Shortcode, więc proszę sprawdzić sekcję powyżej.
Różnica polega na karcie Projekt, gdzie można kontrolować schemat kolorów Button Playera.
Karta Projekt:

• Podgląd - Zobacz wygląd gracza w czasie rzeczywistym.
• szablon - Wybierz jeden z 16 pięknych schematów kolorów.
• Szerokość - Szerokość odtwarzacza. Może być wyrażona w procentach lub pikselach.
• Margines — góra/dół - Górny i dolny margines odtwarzacza.

Pozostałe opcje są takie same, jak w przypadku Full Page Player - Shortcode, więc proszę sprawdzić sekcję powyżej.

📚 Odtwarzacz Circle Player ma podobne ustawienia jak odtwarzacz przycisków

Podczas korzystania w trybie 2.X ikona głośnika będzie wyświetlana, gdy użytkownik zaznaczy dowolny tekst na stronie.

Aby używać w trybie 2.X, przejdź do GSpeech->GSpeech 2.X.
Ustaw opcję „Użyj wersji 2.X” na „Tak”, wybierz domyślny język witryny i kliknij „Zapisz”:

Aby skonfigurować style przejdź do zakładki „Style”. Możesz wybrać jedną z ponad 50 ikon głośników i skonfigurować tam wszystkie kolory. Domyślny odtwarzacz używa „Stylu 2”: