Wix Prevod textu na reč – Vlastný kód s umelou inteligenciou

Prevod textu na reč pomocou Wixu – pridajte hlasové rozprávanie s umelou inteligenciou pomocou vlastného kódu

Daj tvoje Wix blog, firemná stránka alebo Štúdio Wix premietajte zážitok pripravený na počúvanie s GSpeechNávštevníci sa môžu hrať v prírode Hlas umelej inteligencie Wix rozprávanie v príspevkoch a na stránkach, zatiaľ čo zvuk sa generuje a ukladá do vyrovnávacej pamäte GSpeech Cloud Console - Nie sú potrebné žiadne kľúče APIa žiadne zaťaženie TTS na Wix hostingu.

Táto príručka ukazuje, ako pridanie textu do reči do Wixu: vložte kód pripojenia pomocou Vlastný kód Wix (alebo vlastný HTML) pred , umiestnite prehrávače na celú stránku / tlačidlo / kruh s vloženým vlastným HTML kódom a potom namapujte Výber obsahu a Render Element aby hráč správne čítal blogové príspevky, stránky služieb a stránky „O nás“.

  • Vlastný kód Wix TTS — vloženie na celú stránku cez Nastavenia → Vlastný kód alebo vlastný HTML kód pre jednotlivé stránky.
  • Generovanie cloudového zvuku — syntetizovať raz, ukladať do vyrovnávacej pamäte a prehrávať počas viacerých návštev.
  • Nie sú potrebné žiadne kľúče API — spravujte hlasy a hráčov z jednej konzoly.
  • Neobmedzené vlastné widgety — samostatné rozprávanie pre blogy, stránky služieb a rozloženia Studio.

Najlepšie pre: Blogy Wix, stránky miestnych firiem a marketingové stránky Wix Studio, kde chcete mať hlas umelej inteligencie v telách príspevkov, popisoch služieb a textoch – bez nutnosti vytvárať vlastný TTS backend.

Prehľad TTS na webových stránkach Živé ukážky Otvoriť cloudovú konzolu

Pripojiť GSpeech do Wixu

Ako sa pripojiť GSpeech do Wixu

  • Prihlásiť sa - prihláste sa do svojho účtu GSpeech (potrebujete jeden?) vytvorte si účet zadarmo).
  • Vytvorte webovú stránku — ak ste ešte nepridali stránku, postupujte podľa vytvorte webové stránky.
  • Otvoriť stránku — choď k svojmu prístrojová doska a vyberte stránku Wix.
  • Skopírujte kód Wix - OTVORENÉ Integrácie → Wix a skopírujte kód pripojenia.
  • Prilepiť pred — vložte kód cez Vlastný kód Wix (Nastavenia → Vlastný kód) alebo vložený vlastný HTML kód pred záverečný kód označiť a potom publikovať.

Načíta sa kód pripojenia GSpeech na každej stránke, kde sa nachádza. Hráči sa zobrazia iba tam, kde umiestnite držiaky / vlastný HTML kód a iba vtedy, keď je zverejnený a nakonfigurovaný zodpovedajúci widget.

Vlastný kód Wix, widgety a mapovanie obsahu

Na Wixe, GSpeech Nepriraďuje jedného hráča k jednému textovému bloku. Vlastný kód pripojíte raz a potom každý widget namapujete na formátovaný text alebo sekciu, ktorú chcete prerozprávať:

1 Kód pripojenia

Načíta engine cez Wix Custom Code. Bez neho zostanú pripojenia Custom HTML prázdne.

2 Vlastný widget

Konfigurácia ovládacieho panela: hlas, jazyk, dizajn, nastavenia obsahu, pravidlá URL pre blogové a firemné stránky.

3 Pripojiť / Vlastný HTML

Značka na stránke Wix (napríklad .gsp_full_player), kde sa zobrazí používateľské rozhranie prehrávača.

4 Mapovanie obsahu

Výber obsahu = aký Wix text si prečítať. Render Element = kde sa hráč objaví. Vylúčiť / Názov / URL adresy spresňujú zhodu.

  • Neobmedzené widgety – samostatné widgety Celá stránka, Tlačidlo alebo Kruh pre blogové príspevky, stránky služieb a rozloženia Studio.
  • Neobmedzený počet hráčov na widget — jeden publikovaný widget môže poháňať každé zodpovedajúce pripojenie Custom HTML povolené pravidlami Render Element + URL.
  • Vlastný HTML / vložený kód — na Wixe vyzerá držiak takto <div class="gsp_full_player"></div>Na WordPresse sa v rovnakej myšlienke používajú krátke kódy ako napríklad [gspeech].
  • Predvolené verzus rozšírené nastavenia — predvolené pripojenia fungujú rýchlo. Vlastné sekcie Wix vyžadujú presné hodnoty pre výber obsahu / vykresľovací prvok.

Pridajte hráčov pomocou vlastného HTML kódu Wix

Umiestnite ľubovoľný z týchto držiakov tam, kde sa má hráč zobraziť na stránke (vlastný HTML / vložený). Kliknite na kartu, ktorú chcete skopírovať. Potom nastavte widget. Render Element do tej istej triedy.

  • Prehrávač celej stránky
    <div class="gsp_full_player"></div>
  • Prehrávač tlačidiel
    <div class="gsp_button_player"></div>
  • Kruhový hráč
    <div class="gsp_circle_player"></div>

Kompletná dokumentácia pre hráčov Dokumentácia k Button Playeru Dokumentácia pre Circle Player

Priradiť text stránky Wix k prehrávaču

Vo widgete obsah Tab, selektory bodov na Wix RTF a obaly sekcií, ktoré by návštevníci mali počuť – zvyčajne telá blogov, text služby a sekcie „O nás“.

  • id → # / trieda → . — napr. id="main" → #main; class="wix-rich-text" → .wix-rich-text.
  • Zhromaždite kúsky — Výber obsahu akceptuje niekoľko cieľov oddelených čiarkou.
  • Orezať kusy — Zoznam vylúčení používa rovnaké predpony + čiarky.
  • Sprievodca pre začiatočníkov - Ako písať hodnoty HTML (# / .).

Výber obsahu

definuje aký text sa hovoríPoužívajte selektory CSS oddelené čiarkami. Príklady značkovania podobného Wixu:

  • .wix-rich-text, obsah-blog-príspevku, [data-testid="richTextElement"] — bežné textové obaly Wix.
  • .wix-rich-text, .blog-post-content, #my_id — viacero cieľov v jednom poli.
  • rodičovská_trieda — prečítať rodičovský obal pripojenia (užitočné, keď sa vlastný HTML kód nachádza vo vnútri textového bloku).
  • self_class – prečítajte si ten istý obal, v ktorom je držiak umiestnený.
  • Ak používate, nechajte prázdne Text obsahu namiesto toho (pevný text, nie obsah DOM).

Render Element

definuje kde je vložené používateľské rozhranie hráčaMusí sa zhodovať so skutočným prvkom na stránke Wix.

  • Pre vlastné HTML pripojenia nastavte triedu pripojenia: .gsp_full_player, .gsp_button_player, Alebo .gsp_circle_player.
  • Môžete tiež zacieliť na kontajnery rozloženia, ako napríklad telo, triedu sekcie Wix alebo obal obsahu blogu, keď nepoužívate vyhradené pripojenie.
  • Ak je Výber obsahu správny, ale nič sa nezobrazuje, prvok vykreslenia je zvyčajne nesprávny alebo na danej stránke chýba.

Poloha vykreslenia

Umiestni hráča Predtým or Po obsah prvku Render. Pre vyhradený div pripojenia funguje After/Before zvyčajne stále vzhľadom na daný uzol – pripojenie nechajte prázdne a nechajte ho vyplniť widgetom.

Vylúčiť zoznam

Selektory, ktoré musia nie budú vyslovené, aj keď sa nachádzajú vo Výbere obsahu. To isté # / . pravidlá, oddelené čiarkou. Príklad: .share-buttons,.related-posts,.wix-comments,.no-speech.

Výber názvu / Text názvu

  • Výber titulov — dynamický názov zo stránky (príklad: h1 alebo obal nadpisu Wix).
  • Text nadpisu — opravený názov zobrazený v prehrávači. Pri použití textu názvu nechajte výber názvu prázdny.

Text obsahu

Voliteľný fixný text komentára. Pri použití môže Selektor obsahu zostať prázdny. Užitočné pre krátke propagačné sekcie na obchodných stránkach Wix, keď text DOM nemá poháňať zvuk.

Základné pravidlo pre Wix: Výber obsahu ukazuje na formátovaný text, ktorý chcete prečítať, vykresľovací prvok ukazuje na pripojenie Custom HTML a zoznam vylúčení preskakuje komentáre, panely zdieľania a pásy súvisiacich príspevkov.

Praktické príklady mapovania pre blogy a obchodné stránky Wix

Príspevok na blogu Wix s prehrávačom na celú stránku

Telo blogového príspevku a vlastné HTML pripojenie pod názvom:

  • Označenie stránky
    <div class="wix-rich-text blog-post-content">...</div> <div class="gsp_full_player"></div>
  • Výber obsahu - .wix-rich-text.blog-post-content
  • Render Element - .gsp_full_player
  • Vylúčiť zoznam - .share-buttons,.related-posts (Voliteľne)
  • Výber titulov - h1 (Voliteľne)

Stránka služby – pripojenie vo formáte RTF (parent_class)

Ak sa vlastný HTML kód nachádza v textovej sekcii Wix na stránke služby, výber obsahu môže byť relatívny:

  • Výber obsahu - parent_class (číta rodičovský názov mountu)
  • Render Element - .gsp_full_player

Použitie self_class keď samotný obal pripojenia obsahuje text, ktorý má byť prečítaný.

Stránky Informácie a Štúdio s widgetom One Button

Miesto .gsp_button_player o stránkach a opakujúcich sa rozloženiach v aplikácii Studio. Widget One Button Player s prvkom Render .gsp_button_player môže ich všetky poháňať. Pridajte ďalšie widgety iba vtedy, keď sa hlas, selektory alebo pravidlá URL musia líšiť.

Vytvorte widgety s rozprávaním vo Wixe

  • Otvoriť ovládací panel — choď k svojmu Ovládací panel GSpeech.
  • Vyberte webovú stránku — otvorte stránku Wix, ku ktorej ste sa pripojili.
  • Pridať nový widget — Widgety → Pridať nový widget → vybrať typ (Celý prehrávač, Tlačidlo, Kruh, …) → Vytvoriť.
  • Konfigurovať obsah — nastavenie výberu obsahu, vykresľovacieho prvku, zoznamu vylúčení a názvov pre blogové alebo obchodné stránky.
  • Konfigurácia prehrávača / dizajnu — hlas, panely, téma, šírka, okraje.
  • Publikovať a počúvať — nastavte Stav na Publikované, obnovte aktívnu stránku Wix, otestujte prehrávanie.

Keď sa zmení text blogu alebo stránky Wix, Smart Audio Sync dokáže regenerovať rozprávanie na pozadí. Mapovacie polia stále rozhodujú. ktorý text a kde hráč žije.

Často kladené otázky: Prevod textu na reč a vlastný kód Wix

  • Podporuje Wix prevod textu na reč a hlasy s umelou inteligenciou pomocou GSpeech?

    Áno. GSpeech dodáva Prevod textu na reč vo Wixe s prirodzenými hlasmi umelej inteligencie pre blogy, firemné stránky a stránky Wix Studia. Pripájate sa prostredníctvom vlastného kódu, umiestňujete držiaky prehrávačov pomocou vlastného HTML a spravujete hlasy v cloudovej konzole – žiadne kľúče API a žiadne spracovanie TTS na serveroch Wix.
  • Ako pridám prehrávač GSpeech pomocou vlastného kódu Wix?

    Skopírujte kód pripojenia Wix z Integrácie → Wix na vašom ovládacom paneli. Vložte ho tam. Nastavenia → Vlastný kód (alebo vlastný HTML kód), aby sa načítal pred a potom publikujte. Pridajte montáž, napríklad <div class="gsp_full_player"></div> na stránkach blogu alebo služieb a nastavte Render Element na rovnakú triedu.
  • Čo je to Selector obsahu vs. Render Element na Wixe?

    Výber obsahu hovorí GSpeech ktorý Wix text má byť nahovorený – napríklad .wix-rich-text alebo telo blogového príspevku. Render Element hovorí mu, kde má zobraziť prehrávač – zvyčajne vaša trieda pripojenia Custom HTML. Ak je zvukový text nesprávny, opravte Selektor obsahu. Ak prehrávač chýba, opravte prvok vykreslenia.
  • Spomalí zvuk GSpeech moju stránku Wix?

    Nie. Zvuk sa generuje a ukladá do vyrovnávacej pamäte GSpeech cloud, nie na Wix hostingu. Skript na pripojenie je ľahký a prehrávače sa načítavajú iba tam, kde umiestnite držiaky. Blogy a obchodné stránky si zachovávajú normálny výkon Wixu, zatiaľ čo návštevníci počúvajú na požiadanie.
  • Potrebujem kľúče API pre hlasové rozprávanie Wix AI?

    Nie. GSpeech is Nie sú potrebné žiadne kľúče API pre Wix. Prihlásite sa do cloudovej konzoly, vložíte vlastný kód, nakonfigurujete widgety a publikujete. Hlasy, jazyky a prehrávače sa spravujú na jednom mieste bez kľúčov pre prevod textu na reč tretích strán na vašej stránke Wix.

Potrebujete pomôcť s nájdením selektorov pre rozloženie Wix alebo vloženie vlastného kódu? Kontaktujte podporu GSpeechPošlite URL adresu stránky a my vám pomôžeme namapovať prvok výberu obsahu / vykreslenia.