Wix Tekstistä puheeksi - Mukautettu koodi Tekoälyääni
Wix-integraatio
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.
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.
Kartoitusmalli
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:
1Yhteyskoodi
Lataa hakukoneen Wix Custom Coden kautta. Ilman sitä mukautetut HTML-mountit pysyvät tyhjinä.
2Muokattu widget
Kojelaudan asetukset: ääni, kieli, ulkoasu, sisältöasetukset, URL-säännöt blogi- vs. yrityssivuille.
3Asenna / Mukautettu HTML
Wix-sivulla oleva merkki (esimerkiksi .gsp_full_player), jossa soittimen käyttöliittymä näkyy.
4Sisä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.
Pelaajat
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.
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.
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öä).
RE
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.
RP
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.
EX
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.
TT
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ä.
CT
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.
Esimerkit
Käytännön esimerkkejä Wix-blogien ja yrityssivujen kartoituksesta
Esimerkki A
Wix-blogikirjoitus, jossa on koko sivun soitin
Blogikirjoituksen runko ja mukautettu HTML-mount otsikon alla:
Poissulje luettelo - .share-buttons,.related-posts (Valinnainen)
Otsikon valitsin - h1 (Valinnainen)
Esimerkki B
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.
Esimerkki C
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.
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ää.
FAQ
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.
Apu:
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.