Squarespace-tekstistä puheeksi — tekoälyääni koodin injektoinnin avulla
Luojat, valmentajat ja portfolion omistajat voivat Lisää tekoälyääni SquarespaceenGSpeech. Pidä luonnollista kerrontaa blogeissa, kurssisivuilla ja tapaustutkimuksissa samalla, kun ääni luodaan GSpeech Cloud Console - Ei vaadi API-avaimia, eikä TTS-kuormitusta Squarespace-hostingissa.
Tämä opas näyttää Squarespace-koodin injektointi TTS: liitä upotus alatunnisteen koodin injektointiin ennen , aseta Koko Sivu / Painike / Ympyrä -pelaajat, joilla on Koodilohko, sitten kartta Sisällön valitsin ja Renderöintielementti joten pelaaja lukee oikean blogi- tai portfoliotekstin.
Koodin injektio + koodin esto — koko sivuston alatunnisteen upotus sekä sivukohtaiset mukautetut HTML-kiinnitykset.
Pilviäänen generointi — syntetisoi kerran, tallenna välimuistiin ja toista eri käyntien aikana.
Ei vaadi API-avaimia — äänet ja pelaajat yhdestä konsolista.
Luoja-valmiit widgetit — blogit, kurssit ja portfolio-tapaustutkimukset erillisillä malleilla.
Paras: Squarespace-blogit, valmennus- ja kurssisivut sekä portfolio-tapaustutkimukset, joissa kävijöiden tulisi kuunnella pitkää tekstiä poistumatta sivulta.
Luo verkkosivusto — jos et ole vielä lisännyt sivustoa, seuraa luoda verkkosivuston.
Avaa sivusto — mene luoksesi kojelauta ja valitse Squarespace-sivusto.
Kopioi yhteyskoodi — avoin Integraatiot → Squarespace / HTML-verkkosivusto ja kopioi yhteyskoodi.
Liitä ennen — syötä koodi kautta Asetukset → Lisäasetukset → Koodin ruiskutus (Alatunniste) ennen sulkemista tunniste, tallenna ja julkaise sitten.
Yhteyskoodi latautuu GSpeech jokaisella sivulla, jolla se on läsnä. Soittimet näkyvät vain, jos lisäät liitäntöjä koodilohkon / upotuksen / mukautetun HTML:n avulla ja vain silloin, kun vastaava widget on julkaistu ja konfiguroitu.
Kartoitusmalli
Koodin injektio, koodilohkot ja sisällön yhdistäminen
Squarespace-ympäristössä alatunnisteen koodinsyöttö lataa moottorin kerran. Jokainen widget yhdistää sitten blogilohkot, kurssiosiot tai portfoliokopion koodilohkon liitoskohtaan – ilman, että ääntä tarvitsee lisätä jokaiseen sivuasetteluun:
1Yhteyskoodi
Lataa moottorin Footer Code Injection -koodinsyöttöjärjestelmästä. Ilman sitä Code Block -kiinnikkeet pysyvät tyhjinä.
2Muokattu widget
Kojelaudan asetukset: ääni, kieli, ulkoasu, sisältöasetukset, URL-säännöt blogeille vs. portfolioille.
3Asennus-/koodilohko
Sivulla oleva merkki (esim. .gsp_full_player), jossa soittimen käyttöliittymä näkyy.
4Sisällön kartoitus
Sisällön valitsin = mitä Squarespace-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 kokoiset widgetit blogeille, kursseille ja portfolioasetteluille.
Rajoittamaton määrä pelaajia widgetiä kohden — yksi julkaistu widget voi pyörittää kaikkia Render Element + URL -sääntöjen sallimia vastaavia koodilohkon liitäntöjä.
Koodilohko / Mukautettu HTML — Squarespacessa 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 osiot vaativat tarkat sisällönvalitsimen / renderöintielementin arvot.
Pelaajat
Lisää pelaajia koodilohkolla / mukautetulla HTML:llä
Aseta mikä tahansa näistä kiinnityskohdista kohtaan, johon pelaajan tulisi näkyä sivulla (Koodilohko / Upota / Mukautettu HTML). Kopioi kortti napsauttamalla sitä. Aseta sitten widget. Renderöintielementti samaan luokkaan.
Yhdistä Squarespace-lohkot ja blogiteksti soittimeen
Widgetissä Sisältö välilehti, osoita valitsimia Squarespace-blogikohteissa, lohkosisällössä ja portfolio-osioissa, jotka kävijöiden tulisi kuulla — aseta sitten pelaaja Code Block -jalustalla.
tunnus → # / luokka → . — kopioi Inspectistä; kirjoita ne konsoliin ristikolla tai pisteellä.
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ä:
artikkeli, .sqs-lohkosisältö, .blogikohteen-sisältö, #sivu – lue nuo elementit.
artikkeli,osio,#oma_tunnus,.oma_luokka — useita kohteita yhdellä kentällä.
vanhempi_luokka — lue mountin pääkääre (hyödyllinen tekstiosan sisällä olevalle koodilohkolle).
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 sivulla olevaa 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, #sivutai .blogikohteen-sisältö kun et käytä erillistä telinettä.
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: #comments,.sidebar,.ads,.no-speech.
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 lyhyissä kurssi-introissa tai portfolioyhteenvedoissa, kun DOM-sisällön ei pitäisi ohjata ääntä.
Squarespacen nyrkkisääntö: Sisällönvalitsimen kohteet .blog-item-content or .sqs-block-contentRenderöintielementti kohdistuu koodilohkon kiinnitykseen ja Poissulkemisluettelo ohittaa kommentit ja jakamisnauhat.
Esimerkit
Käytännön kartoitusesimerkkejä Squarespace-blogeille ja -portfolioille
Esimerkki A
Portfolio-tapaustutkimus koko sivun soittimella
Case-tutkimussivu, jossa on leipäteksti ja koodilohkon kiinnitys sankarin alla:
Sisällön valitsin - .blog-item-content (tai tapaustutkimuksen tekstin kääre)
Renderöintielementti - .gsp_full_player
Poissulje luettelo - .share-buttons,.related-posts (Valinnainen)
Otsikon valitsin - h1 (Valinnainen)
Esimerkki B
Kurssisivu — Koodilohko sisällön sisällä (parent_class)
Jos koodilohkon kiinnityskohta sijaitsee kurssin oppituntiosiossa, 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
Luojien blogikirjoitukset yhdellä painikkeella varustetulla widgetillä
Paikka .gsp_button_player monissa blogikirjoituksissa. Yhden painikkeen soitinwidget renderöintielementillä .gsp_button_player voi käyttää niitä kaikkia. Lisää widgetejä vain silloin, kun ääni-, ulkoasu- tai URL-sääntöjen on oltava erilaiset kurssien ja portfoliosivujen välillä.
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 blogien tai portfolioiden otsikot.
Soittimen konfigurointi / Suunnittelu — ääni, paneelit, teema, leveys, marginaalit.
Julkaise ja kuuntele — aseta tilaksi Julkaistu, päivitä Squarespace-sivun live-versio ja testaa toistoa.
Kun blogin tai portfolion teksti muuttuu, Smart Audio Sync voi luoda kertojankerronnan uudelleen taustalla. Kenttien yhdistämismääritykset ratkaisevat edelleen joka teksti ja jossa pelaaja elää.
FAQ
Usein kysytyt kysymykset: Squarespace-tekstistä puheeksi ja koodin injektointi
Tukeeko Squarespace tekstistä puheeksi ja tekoälyääniä GSpeechin avulla?
Kyllä. GSpeech lisää Squarespace-tekstistä puheeksi luonnollisilla tekoälyäänillä blogeissa, kurssisivuilla ja portfolioissa. Yhdistät koodin injektoinnin avulla, sijoitat pelaajat koodilohkon avulla ja hallitset kaikkea Cloud Consolessa – API-avaimia ei tarvita.
Miten lisään pelaajan koodin injektoinnilla ja koodiblokilla?
Kopioi yhteyskoodi kohdasta Integraatiot → Squarespace / Html-verkkosivusto. Liitä se tänne. Asetukset → Lisäasetukset → Koodin ruiskutus (Alatunniste) ennen Lisää jokaiselle ääntä tarvitsevalle sivulle Koodilohko kiinnikkeellä, kuten <div class="gsp_full_player"></div> ja aseta Render Element kyseiseen luokkaan.
Mitä eroa on sisällönvalitsimella ja renderöintielementillä Squarespacessa?
Sisällön valitsin valitsee, minkä Squarespace HTML:n kerrotaan – esimerkiksi .blog-item-content or .sqs-block-content. Renderöintielementti valitsee, missä soitin näkyy – yleensä koodilohkon liitosluokkasi. Väärä teksti tarkoittaa sisällönvalitsimen korjaamista; puuttuva soitin tarkoittaa renderöintielementin korjaamista.
Hidastaako GSpeech-ääni Squarespace-sivustoani?
Ei. Ääni luodaan ja tallennetaan välimuistiin GSpeech pilvessä, ei Squarespacessa. Alatunnisteen koodin injektointiskripti on kevyt, ja soittimet latautuvat vain niihin kohtiin, joihin lisäät koodilohkoja. Blogit ja portfoliosivut säilyttävät normaalin suorituskyvyn, kun taas kävijät kuuntelevat sitä pyynnöstä.
Ei. GSpeech is Ei vaadi API-avaimia Squarespace-palvelua varten. Kirjaudu Cloud Consoleen, lisää koodin injektointi, määritä widgetit ja julkaise. Äänet ja pelaajat pysyvät yhdellä tilillä ilman kolmannen osapuolen TTS-avaimia sivustollasi.
Apu:
Tarvitsetko apua valitsimien löytämisessä Squarespace-asettelua tai koodin injektointia varten?
Ota yhteyttä GSpeech-tukeenLähetä sivun URL-osoite, niin autamme sisällönvalitsimen / renderöintielementin kartoittamisessa.
