G

Wix Tekstistä puheeksi - Mukautettu koodi Tekoälyääni

Wix-tekstistä puheeksi — lisää tekoälyllä tehty äänikerronta mukautetulla koodilla

Anna Wix blogi, yrityssivusto tai Wix-studio luo kuunteluvalmis kokemus GSpeechVierailijat voivat leikkiä luonnon helmassa. Wixin tekoälyääni selostus viesteissä ja sivuilla, kun ääntä luodaan ja tallennetaan välimuistiin GSpeech Cloud Console - Ei vaadi API-avaimia, eikä TTS-kuormitusta Wix-hostingissa.

Tämä opas näyttää, miten lisää tekstiä puheeksi Wixiin: liitä yhteyskoodi Wix-mukautettu koodi (tai mukautettu HTML) ennen , upota koko sivun / painikkeen / ympyrän pelaajat mukautetulla HTML-upotuksella ja sitten kartoita Sisällön valitsin ja Renderöintielementti jotta pelaaja lukee blogikirjoituksia, palvelusivuja ja tietoja-sivuja oikein.

  • Wixin mukautettu koodi TTS — koko sivuston kattava upotus Asetukset → Mukautettu koodi tai sivukohtainen mukautettu HTML.
  • Pilviäänen generointi — syntetisoi kerran, tallenna välimuistiin ja toista eri käyntien aikana.
  • Ei vaadi API-avaimia — hallitse ääniä ja pelaajia yhdestä konsolista.
  • Rajoittamaton määrä mukautettuja widgetejä — erilliset selostukset blogeille, palvelusivuille ja Studio-asetteluille.

Paras: Wix-blogit, paikallisten yritysten sivustot ja Wix Studion markkinointisivut, joissa haluat tekoälypuheen viestien runkoon, palvelukuvauksiin ja tietoa käsitteleviin teksteihin – ilman mukautetun tekstinkäsittelyjärjestelmän rakentamista.

Verkkosivuston TTS-yleiskatsaus Live-demoja Open Cloud Console

kytkeä GSpeech Wixiin

Kuinka muodostaa yhteyden GSpeech Wixiin

  • Kirjaudu sisään - kirjaudu GSpeech-tilillesi (tarvitsetko sellaisen? luo ilmainen tili).
  • Luo verkkosivusto — jos et ole vielä lisännyt sivustoa, seuraa luoda verkkosivuston.
  • Avaa sivusto — mene luoksesi kojelauta ja valitse Wix-sivusto.
  • Kopioi Wix-koodi — avoin Integraatiot → Wix ja kopioi yhteyskoodi.
  • Liitä ennen — syötä koodi kautta Wix-mukautettu koodi (Asetukset → Mukautettu koodi) tai mukautettu HTML-upotus ennen sulkemista tunniste ja julkaise sitten.

Yhteyskoodi latautuu GSpeech jokaisella sivulla, jolla se on läsnä. Soittimet näkyvät vain, mihin sijoitat kiinnityskohtia / mukautettua HTML:ää ja vain silloin, kun vastaava widget on julkaistu ja määritetty.

Wixin mukautettu koodi, widgetit ja sisällön kartoitus

Wixissä GSpeech ei koodaa yhtä pelaajaa yhteen tekstilohkoon. Yhdistät mukautetun koodin kerran ja sitten yhdistät jokaisen widgetin siihen rikastettuun tekstiin tai osioon, jonka haluat lukevan:

1 Yhteyskoodi

Lataa hakukoneen Wix Custom Coden kautta. Ilman sitä mukautetut HTML-mountit pysyvät tyhjinä.

2 Muokattu widget

Kojelaudan asetukset: ääni, kieli, ulkoasu, sisältöasetukset, URL-säännöt blogi- vs. yrityssivuille.

3 Asenna / Mukautettu HTML

Wix-sivulla oleva merkki (esimerkiksi .gsp_full_player), jossa soittimen käyttöliittymä näkyy.

4 Sisällön kartoitus

Sisällön valitsin = mitä Wix-tekstiä luetaan. Renderöintielementti = missä pelaaja esiintyy. Sulje pois / Otsikko / URL-osoitteet tarkentavat osumaa.

  • Rajoittamaton määrä widgetejä — erilliset koko sivun, painikkeen tai ympyrän widgetit blogikirjoituksille, palvelusivuille ja Studio-asetteluille.
  • Rajoittamaton määrä pelaajia widgetiä kohden — Yksi julkaistu widget voi pyörittää kaikkia Render Element + URL -sääntöjen sallimia mukautettuja HTML-liitäntöjä.
  • Mukautettu HTML / upotettu — Wixissä mount näyttää tältä <div class="gsp_full_player"></div>WordPressissä sama idea käyttää lyhyitä koodeja, kuten [gspeech].
  • Oletusasetukset vs. lisäasetukset — Oletusasennukset toimivat nopeasti. Mukautetut Wix-osiot vaativat tarkat sisällönvalitsimen / renderöintielementin arvot.

Lisää pelaajia Wix Custom HTML:llä

Aseta mikä tahansa näistä kiinnityksistä kohtaan, johon haluat pelaajan näkyvän sivulla (mukautettu HTML / upotettu). Kopioi kortti napsauttamalla sitä. Aseta sitten widget. Renderöintielementti samaan luokkaan.

  • Koko sivun soitin
    <div class="gsp_full_player"></div>
  • Painikesoitin
    <div class="gsp_button_player"></div>
  • Circle Player
    <div class="gsp_circle_player"></div>

Täydelliset pelaajadokumentit Button Playerin dokumentit Circle Playerin dokumentit

Wix-sivun tekstin yhdistäminen soittimeen

Widgetissä Sisältö välilehti, osoita valitsimia Wixin rikastetun tekstin ja osioiden kääreisiin, jotka kävijöiden tulisi kuulla – tyypillisesti blogin rungon tekstit, palvelutekstit ja tietoja-osiot.

  • tunnus → # / luokka → . - esimerkiksi id="main"#main; class="wix-rich-text".wix-rich-text.
  • Kerää palasia — Sisällönvalitsin hyväksyy useita kohteita pilkulla erotettuna.
  • Leikkaa palat — Poissulkemisluettelossa käytetään samoja etuliitteitä ja pilkkuja.
  • Aloittelijan opas - HTML-arvojen kirjoittaminen (# / .).

Sisällön valitsin

määrittelee mitä tekstiä puhutaanKäytä CSS-valitsimia pilkulla erotettuna. Esimerkkejä Wix-tyyppisestä merkinnästä:

  • .wix-rich-text, .blogikirjoituksen-sisältö, [data-testid="richTextElement"] — yleisiä Wix-tekstikääreitä.
  • .wix-rich-text,.blogikirjoituksen-sisältö,#oma_tunnus — useita kohteita yhdellä kentällä.
  • vanhempi_luokka — lukee liitoksen pääkääreen (hyödyllinen, kun mukautettu HTML on tekstilohkon sisällä).
  • itseluokka — lue sama kääre, jossa teline on.
  • Jätä tyhjäksi, jos käytät Sisältöteksti sen sijaan (kiinteää tekstiä, ei DOM-sisältöä).

Renderöintielementti

määrittelee mihin pelaajan käyttöliittymä ruiskutetaanSen on vastattava Wix-sivun todellista elementtiä.

  • Mukautettuja HTML-liitäntöjä varten aseta se liitosluokkaan: .gsp_full_player, .gsp_painike_soitintai .gsp_ympyräpelaaja.
  • Voit myös kohdistaa asettelukontteja, kuten elin, Wix-osioluokka tai blogin sisällön kääre, kun et käytä erillistä kiinnityskohtaa.
  • Jos sisällönvalitsin on oikein, mutta mitään ei näy, renderöintielementti on yleensä väärin tai puuttuu sivulta.

Renderöinnin sijainti

Pelaajan paikat Ennen or Jälkeen Renderöintielementin sisältö. Omille mount-div-osioille After/Before-osiot toimivat yleensä edelleen suhteessa kyseiseen solmuun — pidä mount-osio tyhjänä ja anna widgetin täyttää se.

Poissulje luettelo

Valitsimet, joiden on oltava emme voidaan puhua, vaikka ne olisivatkin sisällönvalitsimen sisällä. Sama # / . säännöt, pilkulla erotettuna. Esimerkki: .share-buttons,.related-posts,.wix-comments,.no-speech.

Otsikon valitsin / Otsikon teksti

  • Otsikon valitsin — dynaaminen otsikko sivulta (esimerkki: h1 tai Wix-otsikkokääre).
  • Otsikon teksti — soittimessa näkyvä otsikko on kiinteä. Jätä otsikon valitsin tyhjäksi, kun käytät otsikkotekstiä.

Sisältöteksti

Valinnainen kiinteä selostusteksti. Sisällönvalitsin voi pysyä tyhjänä, kun sitä käytetään. Hyödyllinen lyhyille mainososioille Wix-yrityssivuilla, kun DOM-tekstin ei pitäisi ohjata ääntä.

Wixin nyrkkisääntö: Sisältövalitsin osoittaa selostettavaan rikastettuun tekstiin, Render Element osoittaa mukautettuun HTML-liitokseen ja Poissulkemisluettelo ohittaa kommentit, jakopalkit ja aiheeseen liittyvien viestien rivit.

Käytännön esimerkkejä Wix-blogien ja yrityssivujen kartoituksesta

Wix-blogikirjoitus, jossa on koko sivun soitin

Blogikirjoituksen runko ja mukautettu HTML-mount otsikon alla:

  • Sivun merkintä
    <div class="wix-rich-text blog-post-content">...</div> <div class="gsp_full_player"></div>
  • Sisällön valitsin - .wix-rich-text.blog-post-content
  • Renderöintielementti - .gsp_full_player
  • Poissulje luettelo - .share-buttons,.related-posts (Valinnainen)
  • Otsikon valitsin - h1 (Valinnainen)

Palvelusivu — liitä rikastetun tekstin sisään (parent_class)

Jos mukautettu HTML-koodi sijaitsee Wix-tekstiosiossa palvelusivulla, sisällönvalitsin voi olla suhteellinen:

  • Sisällön valitsin - parent_class (lukee vuoren vanhemman)
  • Renderöintielementti - .gsp_full_player

Käyttää self_class kun itse kiinnityskääre sisältää tekstin, joka tulisi lukea.

Tietoja- ja Studio-sivut yhdellä painikewidgetillä

Paikka .gsp_button_player Tietoja-sivuilla ja toistuvilla Studio-asetteluilla. Yhden painikkeen soitinwidget renderöintielementillä .gsp_button_player voi käyttää niitä kaikkia. Lisää widgetejä vain, kun äänen, valitsimien tai URL-sääntöjen on oltava erilaiset.

Luo Wix-kerrontawidgetejä

  • Avaa kojelauta — mene luoksesi GSpeech-kojelauta.
  • Valitse verkkosivusto — avaa yhdistämäsi Wix-sivusto.
  • Lisää uusi widget — Widgetit → Lisää uusi widget → valitse tyyppi (Täysi soitin, Painike, Ympyrä, …) → Luo.
  • Sisällön määrittäminen — aseta sisällönvalitsin, renderöintielementti, poissulkemisluettelo ja blogi- tai yrityssivujen otsikot.
  • Soittimen konfigurointi / Suunnittelu — ääni, paneelit, teema, leveys, marginaalit.
  • Julkaise ja kuuntele — aseta tilaksi Julkaistu, päivitä Wix-sivun live-versio ja testaa toistoa.

Kun Wix-blogin tai sivun teksti muuttuu, Smart Audio Sync voi luoda kertojankerronnan uudelleen taustalla. Kenttien yhdistäminen ratkaisee edelleen. joka teksti ja jossa pelaaja elää.

Usein kysytyt kysymykset: Wixin tekstistä puheeksi ja mukautettu koodi

  • Tukeeko Wix tekstistä puheeksi ja tekoälyääniä GSpeechin avulla?

    Kyllä. GSpeech lisää Wix-tekstistä puheeksi luonnollisilla tekoälyäänillä blogeille, yrityssivustoille ja Wix Studio -sivuille. Yhdistät mukautetun koodin kautta, asetat pelaajien kiinnityskohdat mukautetulla HTML:llä ja hallitset ääniä Cloud Consolessa – ei API-avaimia tai TTS-prosessointia Wix-palvelimilla.
  • Miten lisään GSpeech-soittimen Wix Custom Codella?

    Kopioi Wix-yhteyskoodi kohdasta Integraatiot → Wix kojelaudassasi. Liitä se sinne. Asetukset → Mukautettu koodi (tai mukautettu HTML-koodi), jotta se latautuu ennen ja julkaise sitten. Lisää mount-tiedosto, kuten <div class="gsp_full_player"></div> blogi- tai palvelusivuilla ja aseta Render Element samaan luokkaan.
  • Mitä eroa on sisällönvalitsimella ja renderöintielementillä Wixissä?

    Sisällön valitsin kertoo GSpeech mitä Wix-tekstiä kerrotaan – esimerkiksi .wix-rich-text tai blogikirjoituksen runko. Renderöintielementti kertoo sille, missä soitin näytetään – yleensä mukautettu HTML-liitosluokkasi. Jos ääniteksti on väärin, korjaa sisällönvalitsin. Jos soitin puuttuu, korjaa renderöintielementti.
  • Hidastaako GSpeech-ääni Wix-sivustoani?

    Ei. Ääni luodaan ja tallennetaan välimuistiin GSpeech pilvessä, ei Wix-hostingissa. Yhteysskripti on kevyt, ja soittimet latautuvat vain niihin kohtiin, joihin asetat mountit. Blogikirjoitukset ja yrityssivut säilyttävät normaalin Wix-suorituskyvyn, kun taas kävijät kuuntelevat sitä pyynnöstä.
  • Tarvitsenko API-avaimia Wix AI -äänikerrontaan?

    Ei. GSpeech is Ei vaadi API-avaimia Wixille. Kirjaudu sisään Cloud Consoleen, liitä mukautettu koodi, määritä widgetit ja julkaise. Ääniä, kieliä ja pelaajia hallitaan yhdessä paikassa ilman kolmannen osapuolen TTS-avaimia Wix-sivustollasi.

Tarvitsetko apua Wix-asettelun tai mukautetun koodin upottamisen valitsimien löytämisessä? Ota yhteyttä GSpeech-tukeenLähetä sivun URL-osoite, niin autamme sisällönvalitsimen / renderöintielementin kartoittamisessa.