Kvadrātveida teksta pārveidošana runā — koda injekcija
Squarespace integrācija
Kvadrātveida teksta pārveidošana runā — mākslīgā intelekta balss, izmantojot koda injekciju
Izstrādātāji, treneri un portfeļa īpašnieki var pievienot mākslīgā intelekta balsi pakalpojumam Squarespace ar GSpeechNodrošināt dabisku stāstījumu emuāros, kursu lapās un gadījumu izpētēs, vienlaikus ģenerējot audio. GSpeech Mākoņu konsole Sākot no Nav nepieciešamas API atslēgasun nav TTS slodzes Squarespace mitināšanā.
Šajā ceļvedī ir parādīts Squarespace koda injekcijas TTS: ielīmējiet iegulto kājenes koda injekcijā pirms , novietojiet Pilnlapas/Pogas/Apļa spēlētājus ar Kodu bloks, tad karte Satura atlasītājs un Renderēšanas elements tāpēc spēlētājs lasa pareizo emuāra vai portfolio tekstu.
Koda injekcija + koda bloķēšana — vietnes kājenes iegulšana, kā arī pielāgoti HTML stiprinājumi katrai lapai.
Mākoņa audio ģenerēšana — sintezēt vienreiz, saglabāt kešatmiņā un atskaņot atkārtoti vairāku apmeklējumu laikā.
Nav nepieciešamas API atslēgas — balsis un spēlētāji no vienas konsoles.
Veidotājiem gatavi logrīki — emuāri, kursi un portfolio gadījumu izpētes ar atsevišķu dizainu.
Labākais: Squarespace emuāri, koučinga un kursu lapas, kā arī portfolio gadījumu izpēte, kur apmeklētājiem vajadzētu noklausīties garu tekstu, neizejot no lapas.
Atveriet vietni — dodieties uz savu mērinstrumentu panelis un atlasiet vietni Squarespace.
Kopējiet savienojuma kodu — atvērts Integrācijas → Squarespace/HTML tīmekļa vietne un nokopējiet savienojuma kodu.
Ielīmēt pirms — ievadiet kodu, izmantojot Iestatījumi → Papildu → Koda ievadīšana (Kājene) pirms noslēguma atzīmējiet, pēc tam saglabājiet un publicējiet.
Savienojuma kods tiek ielādēts GSpeech katrā lapā, kur tas ir pieejams. Spēlētāji tiek parādīti tikai tur, kur ievietojat stiprinājumus ar koda bloku/iegulšanu/pielāgotu HTML, un tikai tad, kad atbilstošais logrīks ir publicēts un konfigurēts.
Kartēšanas modelis
Koda injekcija, koda bloki un satura kartēšana
Squarespace platformā kājenes koda injekcija ielādē dzinēju vienreiz. Pēc tam katrs logrīks sasaista emuāra blokus, kursa sadaļas vai portfolio kopiju ar koda bloka stiprinājumu — bez audio pievienošanas katrā lapas izkārtojumā:
1Savienojuma kods
Ielādē dzinēju no Footer Code Injection. Bez tās Code Block stiprinājumi paliek tukši.
2Pielāgots logrīks
Informācijas paneļa konfigurācija: balss, valoda, dizains, satura iestatījumi, URL noteikumi emuāriem un portfeļiem.
3Montāžas/koda bloks
Marķieris lapā (piemēram, .gsp_full_player), kur parādās atskaņotāja lietotāja interfeiss.
4Satura kartēšana
Satura atlasītājs = kāds Squarespace teksts jālasa. Renderēšanas elements = vieta, kur parādās spēlētājs. Izslēgšana / Nosaukums / URL precizē atbilstību.
Neierobežots logrīku skaits — atsevišķi pilnas lapas, pogas vai apļa logrīki emuāriem, kursiem un portfolio izkārtojumiem.
Neierobežots spēlētāju skaits katrā logrīkā — viens publicēts logrīks var darbināt katru atbilstošo koda bloka pieslēgumu, ko atļauj Render Element + URL noteikumi.
Koda bloks/pielāgots HTML — Squarespace platformā stiprinājums izskatās šādi <div class="gsp_full_player"></div>WordPress platformā tā pati ideja izmanto īskodus, piemēram, [gspeech].
Noklusējuma iestatījumi salīdzinājumā ar papildu iestatījumiem — noklusējuma stiprinājumi darbojas ātri. Pielāgotajām sadaļām ir nepieciešamas precīzas satura atlasītāja/renderēšanas elementa vērtības.
Spēlētāji
Pievienojiet spēlētājus, izmantojot koda bloku/pielāgotu HTML
Novietojiet jebkuru no šiem stiprinājumiem vietā, kur spēlētājam jāparādās lapā (koda bloks / iegulšana / pielāgots HTML). Noklikšķiniet uz kartes, lai kopētu. Pēc tam iestatiet logrīku. Renderēšanas elements uz to pašu klasi.
Piesaistiet Squarespace blokus un emuāra tekstu atskaņotājam
Logrīkā saturs cilne, norādiet atlasītājus uz Squarespace emuāra vienumiem, bloku saturu un portfeļa sadaļām, kas apmeklētājiem būtu jādzird, — pēc tam novietojiet atskaņotāju ar Code Block stiprinājumu.
id → # / klase → . — kopēt no Inspect; ierakstīt tos konsolē ar reižu vai punktu.
Savākt gabaliņus — Satura atlasītājs pieņem vairākus mērķus, atdalītus ar komatiem.
Apgrieziet gabalus — Izslēgšanas sarakstā tiek izmantoti tie paši prefiksi + komati.
Definē kāds teksts tiek izrunātsIzmantojiet CSS selektorus, atdalītus ar komatiem. Piemēri:
raksts, .sqs-bloka-saturs, .blog-item-content, #lapa — izlasiet šos elementus.
raksts, sadaļa, #mans_id,.mana_klase — vairāki mērķi vienā laukā.
vecāku_klase — nolasīt piestiprinājuma vecākkodu (noderīgi koda blokam, kas ievietots teksta sadaļā).
pašklase — izlasiet to pašu iesaiņojumu, kurā atrodas stiprinājums.
Atstājiet tukšu, ja izmantojat Satura teksts tā vietā (fiksēts teksts, nevis DOM saturs).
RE
Renderēšanas elements
Definē kur tiek ievadīta spēlētāja lietotāja saskarneTam ir jāatbilst reālam elementam lapā.
Pielāgotiem HTML stiprinājumiem iestatiet to uz stiprinājuma klasi: .gsp_full_player, .gsp_button_player, vai .gsp_circle_player.
Varat arī atlasīt izkārtojuma konteinerus, piemēram, ķermenis, #lapa, vai .blog-item-content ja neizmantojat speciālu stiprinājumu.
Ja satura atlasītājs ir pareizs, bet nekas netiek parādīts, renderēšanas elements parasti ir nepareizs vai tajā nav iekļauts.
RP
Renderēšanas pozīcija
Novieto spēlētāju pirms or Pēc Renderēšanas elementa saturs. Atsevišķam pieslēguma div elementam After/Before parasti joprojām darbojas attiecībā pret šo mezglu — atstājiet pieslēgumu tukšu un ļaujiet logrīkam to aizpildīt.
EX
Izslēgt sarakstu
Selektori, kuriem jābūt nav tiek izrunāti, pat ja tie atrodas satura atlasītājā. Tas pats # / . noteikumi, atdalīti ar komatiem. Piemērs: #comments,.sidebar,.ads,.no-speech.
TT
Nosaukuma atlasītājs / Nosaukuma teksts
Virsraksta atlasītājs — dinamisks lapas nosaukums (piemērs: h1).
Virsraksta teksts — fiksēts atskaņotājā rādītais nosaukums. Izmantojot nosaukuma tekstu, atstājiet nosaukuma atlasītāju tukšu.
CT
Satura teksts
Neobligāts fiksēts stāstījuma teksts. Ja tiek izmantots, satura atlasītājs var palikt tukšs. Noderīgi īsiem kursu ievadiem vai portfolio kopsavilkumiem, ja DOM saturam nevajadzētu vadīt audio.
Squarespace īkšķa noteikums: Satura atlasītāja mērķi .blog-item-content or .sqs-block-content, Render Element mērķē uz Code Block pieslēgumu, un Exclude List izlaiž komentārus un kopīgošanas joslas.
Piemēri
Praktiski kartēšanas piemēri Squarespace emuāriem un portfeļiem
A piemērs
Portfeļa gadījuma izpēte ar pilnas lapas atskaņotāju
Gadījuma izpētes lapa ar pamatteksta saturu un koda bloka stiprinājumu zem varoņa:
Satura atlasītājs Sākot no .blog-item-content (vai jūsu gadījuma izpētes teksta apvalks)
Renderēšanas elements Sākot no .gsp_full_player
Izslēgt sarakstu Sākot no .share-buttons,.related-posts (nav obligāts)
Virsraksta atlasītājs Sākot no h1 (nav obligāts)
B piemērs
Kursa lapa — Koda bloks saturā (vecāks_klase)
Ja koda bloka pieslēgums atrodas kursa nodarbības sadaļā, satura atlasītājs var būt relatīvs:
Satura atlasītājs Sākot no parent_class (skan kalna vecākvārds)
Renderēšanas elements Sākot no .gsp_full_player
lietošana self_class kad pats montāžas apvalks satur tekstu, kas ir jāatskaņo.
C piemērs
Veidotāju emuāra ieraksti ar vienu pogas logrīku
Vieta .gsp_button_player daudzos emuāra ierakstos. Vienas pogas atskaņotāja logrīks ar renderēšanas elementu .gsp_button_player var nodrošināt to visu darbību. Pievienojiet vairāk logrīku tikai tad, ja kursiem un portfolio lapām ir jāatšķiras no balss, dizaina vai URL noteikumiem.
Publicēt un klausīties — iestatiet statusu uz Publicēts, atsvaidziniet tiešsaistes Squarespace lapu, pārbaudiet atskaņošanu.
Kad emuāra vai portfolio teksts mainās, Smart Audio Sync var atjaunot stāstījumu fonā. Kartēšanas lauki joprojām nosaka kas tekstu un kur spēlētājs dzīvo.
FAQ
Bieži uzdotie jautājumi: Squarespace teksta pārveidošana runā un koda injekcija
Vai Squarespace atbalsta teksta pārveidošanu runā un mākslīgā intelekta balsis ar GSpeech?
Jā. GSpeech piebilst Teksta pārveidošana runā kvadrātveida telpā ar dabiskām mākslīgā intelekta balsīm emuāriem, kursu lapām un portfolio. Jūs izveidojat savienojumu ar koda injekciju, ievietojat spēlētājus ar koda bloku un pārvaldāt visu mākoņkonsolē — API atslēgas nav nepieciešamas.
Kā pievienot spēlētāju, izmantojot koda injekciju un koda bloku?
Nokopējiet savienojuma kodu no Integrācijas → Squarespace / Html vietne. Ielīmējiet to. Iestatījumi → Papildu → Koda ievadīšana (Kājene) pirms Katrā lapā, kurā nepieciešams audio, pievienojiet Kodu bloks ar stiprinājumu, piemēram, <div class="gsp_full_player"></div> un iestatiet Render Element šai klasei.
Kas ir satura atlasītājs salīdzinājumā ar renderēšanas elementu Squarespace?
Satura atlasītājs izvēlas, kuru Squarespace HTML stāstīt — piemēram .blog-item-content or .sqs-block-content. Renderēšanas elements izvēlas, kur parādās atskaņotājs — parasti jūsu koda bloka pieslēgšanas klase. Nepareizs teksts nozīmē satura atlasītāja labošanu; trūkstošs atskaņotājs nozīmē renderēšanas elementa labošanu.
Vai GSpeech audio palēninās manu Squarespace vietni?
Nē. Audio tiek ģenerēts un kešatmiņā saglabāts GSpeech mākonī, nevis Squarespace platformā. Kājenes koda injekcijas skripts ir viegls, un atskaņotāji tiek ielādēti tikai tur, kur pievienojat koda blokus. Blogi un portfolio lapas saglabā normālu veiktspēju, kamēr apmeklētāji klausās pēc pieprasījuma.
Vai man ir nepieciešamas API atslēgas, lai pievienotu AI balsi Squarespace?
Nē. GSpeech is Nav nepieciešamas API atslēgas Squarespace platformai. Pierakstieties Cloud Console, pievienojiet koda injekciju, konfigurējiet logrīkus un publicējiet. Balsis un atskaņotāji paliek vienā kontā bez trešo pušu TTS atslēgām jūsu vietnē.
Palīdzēt
Vai nepieciešama palīdzība, lai atrastu selektorus Squarespace izkārtojumam vai koda injekcijas iegulšanai?
Sazinieties ar GSpeech atbalsta dienestuNosūtiet lapas URL, un mēs palīdzēsim kartēt satura atlasītāju/renderēšanas elementu.
