„Wix“ tekstas į kalbą – tinkintas kodas, dirbtinis intelektas, balsas

„Wix“ teksto įgarsinimas – pridėkite dirbtinio intelekto balso pasakojimą naudodami pasirinktinį kodą

Duok savo Wix tinklaraštis, verslo svetainė arba Wix studija projektuokite klausymui paruoštą patirtį su GSpeechLankytojai gali žaisti natūraliai „Wix“ dirbtinio intelekto balsas pasakojimas įrašuose ir puslapiuose, o garsas generuojamas ir kaupiamas talpykloje GSpeech „Cloud Console“ - API raktai nereikalingiir be TTS apkrovos „Wix“ talpinime.

Šiame vadove parodyta, kaip Pridėti tekstą prie kalbos „Wix“ programoje: įklijuokite ryšio kodą su „Wix“ tinkintas kodas (arba tinkintas HTML) prieš , įterpkite viso puslapio / mygtuko / apskritimo žaidėjus su pasirinktiniu HTML įterpimu, tada sukurkite žemėlapį Turinio parinkiklis bei Atvaizdavimo elementas kad žaidėjas teisingai perskaitytų tinklaraščio įrašus, paslaugų puslapius ir puslapius „Apie“.

  • „Wix“ tinkinto kodo TTS — įterpimas visoje svetainėje per Nustatymai → Pasirinktinis kodas arba tinkintas HTML kiekvienam puslapiui.
  • Garso generavimas debesyje — sintetinti vieną kartą, kaupti talpykloje ir pakartoti per kelis apsilankymus.
  • API raktai nereikalingi – valdyti balsus ir žaidėjus iš vienos konsolės.
  • Neriboti pasirinktiniai valdikliai – atskiras pasakojimas tinklaraščiams, paslaugų puslapiams ir „Studio“ maketams.

Tinkamumas/panaudojimas: „Wix“ tinklaraščiai, vietinio verslo svetainės ir „Wix Studio“ rinkodaros puslapiai, kuriuose norite dirbtinio intelekto balso įrašų tekstuose, paslaugų aprašymuose ir tekste apie juos – nekuriant pasirinktinės TTS sistemos.

Svetainės TTS apžvalga Tiesioginės demonstracinės versijos Atidaryti debesies konsolę

prisijungti GSpeech į Wix

Kaip prisijungti GSpeech į Wix

  • Prisijungti - prisijunkite prie savo „GSpeech“ paskyros (reikia vieno? sukurti nemokamą paskyrą).
  • Sukurkite svetainę — jei dar nepridėjote svetainės, atlikite toliau nurodytus veiksmus. sukurti svetainę.
  • Atidarykite svetainę – eik į savo prietaisų skydas ir pasirinkite „Wix“ svetainę.
  • Nukopijuokite „Wix“ kodą - atviras Integracijos → Wix ir nukopijuokite ryšio kodą.
  • Įklijuoti prieš — įterpkite kodą per „Wix“ tinkintas kodas (Nustatymai → Pasirinktinis kodas) arba pasirinktinis HTML įterpimas prieš uždarymą žymę, tada publikuokite.

Įkeliamas ryšio kodas GSpeech kiekviename puslapyje, kuriame jis yra. Žaidėjai rodomi tik ten, kur įdedate prijungimo elementus / pasirinktinį HTML, ir tik tada, kai atitinkamas valdiklis yra publikuojamas ir sukonfigūruotas.

„Wix“ tinkintas kodas, valdikliai ir turinio atvaizdavimas

„Wix“ platformoje GSpeech Neužkoduoja vieno žaidėjo vienam teksto blokui. Pasirinktinį kodą prijungiate vieną kartą, tada kiekvieną valdiklį susiejate su raiškiuoju tekstu arba skyriumi, kurį norite įgarsinti:

1 Ryšio kodas

Įkelia variklį per „Wix Custom Code“. Be jo, pasirinktinio HTML prijungimo laukeliai lieka tušti.

2 Pasirinktinis valdiklis

Prietaisų skydelio konfigūracija: balsas, kalba, dizainas, turinio nustatymai, URL taisyklės tinklaraščio ir verslo puslapiams.

3 Prijungti / pasirinktinis HTML

Žymeklis „Wix“ puslapyje (pavyzdžiui .gsp_full_player), kur rodoma žaidėjo vartotojo sąsaja.

4 Turinio atvaizdavimas

Turinio parinkiklis = kokį „Wix“ tekstą skaityti. Atvaizdavimo elementas = kur rodomas žaidėjas. Išskyrimas / Pavadinimas / URL patikslina atitikimą.

  • Neribotas valdiklių skaičius – atskiri viso puslapio, mygtuko arba apskritimo valdikliai tinklaraščio įrašams, paslaugų puslapiams ir „Studio“ maketams.
  • Neribotas žaidėjų skaičius viename valdiklyje – vienas publikuotas valdiklis gali maitinti kiekvieną atitinkamą pasirinktinio HTML prijungimo elementą, leidžiamą „Render Element“ + URL taisyklių.
  • Pasirinktinis HTML / įterpimas — „Wix“ sistemoje laikiklis atrodo taip <div class="gsp_full_player"></div>„WordPress“ sistemoje ta pati idėja naudoja trumpuosius kodus, tokius kaip [gspeech].
  • Numatytieji ir išplėstiniai nustatymai — Numatytieji prijungimo elementai veikia greitai. Pasirinktinėms „Wix“ sekcijoms reikalingos tikslios turinio parinkiklio / atvaizdavimo elemento vertės.

Pridėkite žaidėjų naudodami „Wix Custom HTML“

Įdėkite bet kurį iš šių laikiklių ten, kur turėtų būti rodomas žaidėjas puslapyje (pasirinktinis HTML / įterpimas). Spustelėkite kortelę, kad ją nukopijuotumėte. Tada nustatykite valdiklį. Atvaizdavimo elementas į tą pačią klasę.

  • Viso puslapio grotuvas
    <div class="gsp_full_player"></div>
  • Mygtukų grotuvas
    <div class="gsp_button_player"></div>
  • Apskritimo žaidėjas
    <div class="gsp_circle_player"></div>

Pilni žaidėjo dokumentai Mygtuko grotuvo dokumentai „Circle Player“ dokumentai

Priskirti „Wix“ puslapio tekstą grotuvui

Valdiklyje Turinys skirtuke „Wix“ raiškiojo teksto ir skyrių aplankų žymeklius, kuriuos lankytojai turėtų išgirsti – paprastai tinklaraščio turinį, paslaugos tekstą ir „Apie“ skyrius.

  • id → # / klasė → . — pvz. id="main" → #main; class="wix-rich-text" → .wix-rich-text.
  • Surinkite gabalus — Turinio parinkiklis priima kelis taikinius, atskirtus kableliais.
  • Apkarpykite gabalus — Išskyrimų sąraše naudojami tie patys prefiksai + kableliai.
  • Pradedančiojo vadovas - Kaip rašyti HTML reikšmes (# / .).

Turinio parinkiklis

Apibrėžia koks tekstas yra sakomasNaudokite CSS selektorius, atskirtus kableliais. „Wix“ tipo žymėjimo pavyzdžiai:

  • .wix-raiškiojo teksto failas, .blog-post-content, [data-testid="richTextElement"] — įprasti „Wix“ teksto aplankai.
  • .wix-rich-text,.blog-post-content,#my_id – keli taikiniai viename lauke.
  • tėvų_klasė — nuskaityti prijungimo pirminį apvalkalą (naudinga, kai tinkintas HTML yra teksto bloke).
  • saviklasė — perskaitykite tą patį įvynioklį, kuriame yra laikiklis.
  • Palikite tuščią, jei naudojate Turinio tekstas vietoj to (fiksuotas tekstas, o ne DOM turinys).

Atvaizdavimo elementas

Apibrėžia kur įterpiama žaidėjo vartotojo sąsajaJis turi atitikti tikrą elementą „Wix“ puslapyje.

  • Jei norite naudoti pasirinktinius HTML prijungimus, nustatykite jį į prijungimo klasę: .gsp_full_player, .gsp_mygtuko_žaidėjasarba .gsp_circle_player.
  • Taip pat galite taikytis į maketo konteinerius, pvz. kūnas, „Wix“ sekcijos klasę arba tinklaraščio turinio aplanką, kai nenaudojate specialaus prijungimo elemento.
  • Jei turinio parinkiklis teisingas, bet nieko nerodoma, paprastai puslapyje yra neteisingas arba jo nėra.

Atvaizdavimo padėtis

Žaidėjo vietos prieš or Po „Render Element“ turinys. Specialiam prijungimo div'ui „After/Before“ paprastai vis tiek veikia to mazgo atžvilgiu – palikite prijungimo laukelį tuščią ir leiskite valdikliui jį užpildyti.

Išskirti sąrašą

Parinkikliai, kurie privalo ne būti ištarti, net jei jie yra turinio parinkiklyje. Tas pats # / . taisyklės, atskirtos kableliais. Pavyzdys: .share-buttons,.related-posts,.wix-comments,.no-speech.

Pavadinimo parinkiklis / Pavadinimo tekstas

  • Pavadinimo parinkiklis — dinaminis puslapio pavadinimas (pavyzdys: h1 arba „Wix“ antraštės apvalkalą).
  • Pavadinimo tekstas — grotuve rodomas fiksuotas pavadinimas. Naudojant pavadinimo tekstą, pavadinimo parinkiklį palikite tuščią.

Turinio tekstas

Fiksuotas pasirklausomasis pasakojimo tekstas. Kai naudojamas, turinio parinkiklis gali likti tuščias. Naudinga trumpiems reklaminiams skyriams „Wix“ verslo puslapiuose, kai DOM tekstas neturėtų skleisti garso.

„Wix“ nykščio taisyklė: Turinio parinkiklis nurodo į norimą skaityti naratyvinį tekstą, atvaizdavimo elementas nurodo į pasirinktinį HTML prijungimo elementą, o išskyrimų sąrašas praleidžia komentarus, bendrinimo juostas ir susijusių įrašų juosteles.

Praktiniai „Wix“ tinklaraščių ir verslo puslapių žemėlapių sudarymo pavyzdžiai

„Wix“ tinklaraščio įrašas su viso puslapio grotuvu

Tinklaraščio įrašo tekstas ir pasirinktinis HTML priedas po pavadinimu:

  • Puslapio žymėjimas
    <div class="wix-rich-text blog-post-content">...</div> <div class="gsp_full_player"></div>
  • Turinio parinkiklis - .wix-rich-text.blog-post-content
  • Atvaizdavimo elementas - .gsp_full_player
  • Išskirti sąrašą - .share-buttons,.related-posts (Neprivalomas)
  • Pavadinimo parinkiklis - h1 (Neprivalomas)

Paslaugos puslapis – prijungimas raiškiojo teksto viduje (parent_class)

Jei tinkintas HTML kodas yra paslaugos puslapio „Wix“ teksto skiltyje, turinio parinkiklis gali būti santykinis:

  • Turinio parinkiklis - parent_class (skaito kalno tėvinį tekstą)
  • Atvaizdavimo elementas - .gsp_full_player

Paskirtis self_class kai pačiame tvirtinimo aplanke yra tekstas, kuris turėtų būti perskaitomas.

Apie ir studijos puslapius su vieno mygtuko valdikliu

Vieta .gsp_button_player puslapiuose „Apie“ ir pasikartojančiuose „Studio“ maketuose. Vieno mygtuko grotuvo valdiklis su renderinimo elementu .gsp_button_player gali juos visus valdyti. Pridėkite daugiau valdiklių tik tada, kai balsas, selektoriai arba URL taisyklės turi skirtis.

Sukurkite „Wix“ pasakojimo valdiklius

  • Atidaryti prietaisų skydelį – eik į savo „GSpeech“ prietaisų skydelis.
  • Pasirinkite svetainę — atidarykite prijungtą „Wix“ svetainę.
  • Pridėti naują valdiklį — Valdikliai → Pridėti naują valdiklį → pasirinkite tipą (Viso žaidėjo, Mygtuko, Apskritimo ir kt.) → Sukurti.
  • Turinio konfigūravimas — nustatyti turinio parinkiklį, atvaizdavimo elementą, išskyrimų sąrašą, tinklaraščio ar verslo puslapių pavadinimus.
  • Žaidėjo konfigūravimas / dizainas — balsas, panelės, tema, plotis, paraštės.
  • Publikuoti ir klausytis — nustatykite būseną į „Paskelbta“, atnaujinkite tiesioginį „Wix“ puslapį, išbandykite atkūrimą.

Kai pasikeičia „Wix“ tinklaraščio ar puslapio tekstas, „Smart Audio Sync“ gali atkurti pasakojimą fone. Susiejimo laukai vis tiek lemia narys, kuris tekstas ir kur žaidėjas gyvena.

DUK: „Wix“ teksto įvedimas į kalbą ir tinkintas kodas

  • Ar „Wix“ palaiko teksto įvedimą į kalbą ir dirbtinio intelekto balsus su „GSpeech“?

    Taip. GSpeech prideda „Wix“ tekstas į kalbą su natūraliais dirbtinio intelekto balsais tinklaraščiams, verslo svetainėms ir „Wix Studio“ puslapiams. Prisijungiate naudodami pasirinktinį kodą, įdedate žaidėjų prijungimo vietas naudodami pasirinktinį HTML ir tvarkote balsus debesies konsolėje – jokių API raktų ir TTS apdorojimo „Wix“ serveriuose.
  • Kaip pridėti „GSpeech“ grotuvą naudojant „Wix“ pasirinktinį kodą?

    Nukopijuokite „Wix“ prijungimo kodą iš „Integracijos“ → „Wix“ savo prietaisų skydelyje. Įklijuokite jį. Nustatymai → Pasirinktinis kodas (arba pasirinktinis HTML, kad jis būtų įkeltas prieš , tada publikuokite. Pridėkite prijungimo elementą, pvz. <div class="gsp_full_player"></div> tinklaraščio ar paslaugų puslapiuose ir nustatykite „Render Element“ į tą pačią klasę.
  • Kas yra turinio parinkiklis ir renderavimo elementas „Wix“ sistemoje?

    Turinio parinkiklis pasakoja GSpeech kurį „Wix“ tekstą pasakoti, pavyzdžiui .wix-rich-text arba tinklaraščio įrašo tekstas. Atvaizdavimo elementas nurodo, kur rodyti grotuvą – paprastai tai yra jūsų pasirinktinio HTML prijungimo klasė. Jei garso tekstas neteisingas, ištaisykite turinio parinkiklį. Jei grotuvo nėra, ištaisykite atvaizdavimo elementą.
  • Ar „GSpeech“ garsas sulėtins mano „Wix“ svetainę?

    Ne. Garsas generuojamas ir talpykloje saugomas GSpeech debesyje, o ne „Wix“ talpinime. Prisijungimo scenarijus yra lengvas, o grotuvai įkeliami tik ten, kur įdedate prijungimo taškus. Tinklaraščio įrašai ir verslo puslapiai išlaiko įprastą „Wix“ našumą, o lankytojai klausosi pagal poreikį.
  • Ar man reikia API raktų „Wix AI“ balso pasakojimui?

    Ne. GSpeech is API raktai nereikalingi skirta „Wix“. Prisijungiate prie debesies konsolės, įklijuojate pasirinktinį kodą, konfigūruojate valdiklius ir publikuojate. Balsai, kalbos ir grotuvai tvarkomi vienoje vietoje be trečiųjų šalių TTS raktų jūsų „Wix“ svetainėje.

Reikia pagalbos ieškant „Wix“ maketo arba pasirinktinio kodo įterpimo parinkčių? Susisiekite su „GSpeech“ palaikymo tarnybaAtsiųskite puslapio URL adresą ir mes padėsime susieti turinio parinkiklį / atvaizdavimo elementą.