HTML svetainės tekstas į kalbą – įterpti dirbtinio intelekto balsą
HTML integracija
HTML svetainės tekstas į kalbą – įterpkite dirbtinio intelekto balsą vienu scenarijumi
Kūrėjai ir komandos veikia tinkintas HTML, statinės svetainės arba ne „WordPress“ TVS paketai gali įterpti TTS skriptą vieną kartą ir pristatyti natūralų tinkintos svetainės dirbtinio intelekto balsas su GSpeechAtkūrimas ir sintezė atliekami per GSpeech „Cloud Console“ - API raktai nereikalingi, jokio serverio pusės TTS paketo ir jokios papildomos talpinimo apkrovos.
Šiame vadove parodyta, kaip pridėti tekstą į kalbą HTML svetainėje: įklijuokite vienos eilutės ryšio kodą prieš , padėkite viso puslapio / mygtuko / apskritimo žaidėjus su pasirinktiniais HTML tvirtinimo elementais, tada susiekite Turinio parinkiklis bei Atvaizdavimo elementas jūsų maketo klasėms ir ID.
Vienos eilutės įterpimas — įklijuoti prieš bet kuriame pasirinktiniame steke arba statinėje svetainėje.
Garso generavimas debesyje — sintetinti vieną kartą, kaupti talpykloje ir pakartoti per kelis apsilankymus.
API raktai nereikalingi — balsai ir žaidėjai iš vienos konsolės.
Selektoriaus pagrindu sudarytas atvaizdavimas — taikyti bet kurį straipsnį, pagrindinį arba pasirinktinį maketo aplanką.
Tinkamumas/panaudojimas: kūrėjams, statiniams generatoriams ir pasirinktinėms TVS temoms, kuriose jūs kontroliuojate HTML ir norite vieno įterpimo bei CSS selektorių pasirinktiniams maketams.
Sukurkite svetainę — jei dar nepridėjote svetainės, atlikite toliau nurodytus veiksmus. sukurti svetainę.
Atidarykite svetainę – eik į savo prietaisų skydas ir pasirinkite svetainę.
Nukopijuokite HTML kodą - atviras Integracijos → HTML svetainė ir nukopijuokite ryšio kodą.
Įklijuoti prieš — įterpkite kodą į savo šabloną prieš uždarymą žymę, tada diegti.
Į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.
Žemėlapių modelis
Įterpimo scenarijus, prijungimo elementai ir selektoriaus atvaizdavimas tinkintam HTML
Pasirinktinėje HTML svetainėje vienas įterpimas įkelia variklį. Kiekvienas valdiklis tada susieja jūsų klases ir ID su prijungimo elementu, kad galėtumėte visiškai kontroliuoti išdėstymą, o pasakojimas liktų debesies konsolėje:
1Ryšio kodas
Apkrauna variklį prieš tai Be jo laikikliai nieko neveikia.
2Pasirinktinis valdiklis
Prietaisų skydelio konfigūracija: balsas, kalba, dizainas, turinio nustatymai, URL taisyklės bet kuriam maršrutui ar šablonui.
3Prijungti / pasirinktinis HTML
Žymeklis jūsų puslapio HTML kode (pvz. .gsp_full_player), kur rodoma žaidėjo vartotojo sąsaja.
4Turinio atvaizdavimas
Turinio parinkiklis = ką skaityti. Atvaizdavimo elementas = kur rodomas žaidėjas. Išskyrimas / Pavadinimas / URL patikslina atitikimą.
Neribotas valdiklių skaičius – atskiri viso puslapio, mygtuko arba apskritimo valdikliai skirtingiems maketams, kalboms ar dizainams.
Neribotas žaidėjų skaičius viename valdiklyje – vienas publikuotas valdiklis gali maitinti kiekvieną atitinkamą prijungimą, leidžiamą „Render Element“ + URL taisyklių.
Pasirinktiniai HTML tvirtinimo elementai — HTML svetainėse prijungimas 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 tvirtinimo elementai veikia greitai. Unikaliems pasirinktiniams maketams reikalingos tikslios turinio parinkiklio / atvaizdavimo elemento vertės.
Žaidėjai
Pridėkite žaidėjų naudodami pasirinktinį HTML
Padėkite bet kurį iš šių laikiklių ten, kur turėtų būti rodomas žaidėjas puslapyje. Spustelėkite kortelę, kad ją nukopijuotumėte. Tada nustatykite valdiklį. Atvaizdavimo elementas į tą pačią klasę.
Pritaikyti pasirinktinius HTML išdėstymus grotuvui
Valdiklyje Turinys Tab, nukreipkite selektorius į straipsnį, pagrindinius arba pasirinktinius aplankus, kuriuos turite – bet kurį CSS selektorių, kurį rodo jūsų žymėjimas.
id → # — HTML id="main" → rašyti #main.
klasė → . — HTML class="post-content" → rašyti .post-content.
Surinkite gabalus — Turinio parinkiklis priima kelis taikinius, atskirtus kableliais: #intro,.body,#summary.
Apkarpykite gabalus — Išskyrimų sąrašas naudoja tą patį # / . + kableliai: #comments,.ads,.share-buttons.
Rasti reikšmes — spustelėkite dešinįjį pelės mygtuką → Apžiūrėti tiesioginiame puslapyje. Išsamus vadovas pradedantiesiems: HTML reikšmės (# / .).
CS
Turinio parinkiklis
Apibrėžia koks tekstas yra sakomasNaudokite CSS selektorius, atskirtus kableliais (surinkite turinį dalimis). Pavyzdžiai:
straipsnis, .post-content, #pagrindinis, .pasirinktinis išdėstymas — perskaitykite tuos elementus (# = id, . = klasė).
straipsnis,skiltis,#mano_id,.mano_klasė — keli taikiniai viename lauke (dalys sujungtos į vieną pasakojimą).
tėvų_klasė — nuskaityti prijungimo pirminį apvalkalą (naudinga naudojant tinkintą HTML turinio bloke).
saviklasė — perskaitykite tą patį įvynioklį, kuriame yra laikiklis.
Palikite tuščią, jei naudojate Turinio tekstas vietoj to (fiksuotas tekstas, o ne DOM turinys).
RE
Atvaizdavimo elementas
Apibrėžia kur įterpiama žaidėjo vartotojo sąsajaJis turi atitikti realų puslapio elementą.
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, #turinysarba .straipsnio antraštė kai nenaudojate specialaus laikiklio.
Jei turinio parinkiklis teisingas, bet nieko nerodoma, paprastai puslapyje yra neteisingas arba jo nėra.
RP
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.
EX
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: #comments,.sidebar,.ads,.no-speech.
TT
Pavadinimo parinkiklis / Pavadinimo tekstas
Pavadinimo parinkiklis — dinaminis puslapio pavadinimas (pavyzdys: h1).
Pavadinimo tekstas — grotuve rodomas fiksuotas pavadinimas. Naudojant pavadinimo tekstą, pavadinimo parinkiklį palikite tuščią.
CT
Turinio tekstas
Pasirinktinai fiksuotas pasakojimo tekstas. Kai naudojamas, turinio parinkiklis gali likti tuščias. Naudinga statiniams reklaminiams blokams, kai DOM turinys neturėtų skleisti garso.
HTML svetainių nykščio taisyklė: Turinio parinkiklis rodo į jūsų valdomą apvalkalą (pavyzdžiui, article.post or #main), „Render Element“ nurodo į tvirtinimo vietą, o „Exclude List“ praleidžia naršymą, skelbimus ir komentarus.
Pavyzdžiai
Praktiniai pasirinktinių HTML maketų atvaizdavimo pavyzdžiai
A pavyzdys
Pasirinktinio išdėstymo straipsnis su viso puslapio grotuvu
Jūsų statinis arba TVS šablonas apima straipsnį ir prijungimo elementą:
Išskirti sąrašą - .share-buttons,.related-posts (Neprivalomas)
Pavadinimo parinkiklis - h1 (Neprivalomas)
B pavyzdys
Prijungti TVS turinio srityje — parent_class
Jei prijungimo vieta yra pasirinktinio TVS turinio srityje, 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.
C pavyzdys
Statiniai svetainių šablonai su vieno mygtuko valdikliu
Vieta .gsp_button_player daugelyje statinių šablonų. Vieno mygtuko grotuvo valdiklis su renderinimo elementu .gsp_button_player gali juos visus valdyti. Kurkite papildomus valdiklius tik tada, kai balso, dizaino, selektorių ar URL taisyklės turi skirtis.
Publikuoti ir klausytis — nustatykite būseną į „Paskelbta“, atnaujinkite tiesioginį puslapį, išbandykite atkūrimą.
Kai puslapio tekstas pasikeičia, „Smart Audio Sync“ gali atkurti pasakojimą fone. Susiejimo laukai vis tiek lemia narys, kuris tekstas ir kur žaidėjas gyvena.
DUK
DUK: HTML svetainės teksto įterpimas į kalbą
Ar HTML svetainė palaiko teksto įgarsinimą ir dirbtinio intelekto balsus su „GSpeech“?
Taip. GSpeech veikia bet kurioje HTML svetainėje, statiniame generatoriuje arba pasirinktinėje TVS, kur galite įklijuoti scenarijų prieš tai Gausite natūralius dirbtinio intelekto balsus ir modernius grotuvus nekurdami serverio pusės TTS kanalo.
Kaip įterpti „GSpeech TTS“ scenarijų į pasirinktinę svetainę?
Nukopijuokite prisijungimo kodą iš Integracijos → HTML svetainė. Įklijuokite jį vieną kartą į savo bendrinamą šabloną prieš tai. ir išskleiskite. Tada pridėkite laikiklį, pvz. <div class="gsp_full_player"></div> makete, kuriame turėtų būti rodomas žaidėjas, ir nustatykite „Render Element“ į tą klasę.
Kuo skiriasi turinio parinkiklis ir atvaizdavimo elementas tinkintoje HTML svetainėje?
Turinio parinkiklis yra bet koks CSS selektorius tekstui, kurį norite ištarti, pavyzdžiui #main, article.postarba kursą iš jūsų TVS. Atvaizdavimo elementas čia įterpiama žaidėjo vartotojo sąsaja – paprastai jūsų prijungimo klasė. Kadangi jūs kontroliuojate žymėjimą, galite tiksliai susieti bet kokį pasirinktinį išdėstymą.
Ar „GSpeech“ garsas sulėtins mano HTML arba statinę svetainę?
Ne. Sintezė ir kaupimas talpykloje vyksta GSpeech debesis. Įterpimas yra lengvas kliento scenarijus, o grotuvai įkeliami tik ten, kur yra prijungimo elementai. Jūsų talpinimas ir toliau teikia įprastą HTML, CSS ir JS, o lankytojai klausosi pagal poreikį.
Ar man reikia API raktų, kad galėčiau įterpti pasirinktinį svetainės dirbtinio intelekto balsą?
Ne. GSpeech is API raktai nereikalingi HTML svetainėms. Įklijuokite įterptąjį elementą, sukonfigūruokite valdiklius debesies konsolėje ir paskelbkite. Balsai ir grotuvai tvarkomi iš vienos paskyros, be trečiųjų šalių TTS raktų jūsų kodo bazėje.
Pagalba
Reikia pagalbos ieškant pasirinktinės temos ar kūrimo priemonės maketo parinkimo įrankių?
Susisiekite su „GSpeech“ palaikymo tarnybaAtsiųskite puslapio URL adresą ir mes padėsime susieti turinio parinkiklį / atvaizdavimo elementą.
