HTML vietnes teksta pārveidošana runā — iegult mākslīgā intelekta balsi
HTML integrācija
HTML vietnes teksta pārveidošana runā — iegult mākslīgā intelekta balsi ar vienu skriptu
Izstrādātāji un komandas darbojas pielāgots HTML, statiskas vietnes vai CMS sistēmas, kas nav WordPress platformas, var iegult TTS skriptu vienreiz un piegādājiet dabisku pielāgotas vietnes mākslīgā intelekta balss ar GSpeechAtskaņošana un sintēze notiek, izmantojot GSpeech Mākoņu konsole Sākot no Nav nepieciešamas API atslēgas, nav servera puses TTS steka un nav papildu mitināšanas slodzes.
Šajā rokasgrāmatā ir parādīts, kā pievienot tekstu runas pārveidošanai HTML tīmekļa vietnē: ielīmējiet vienas rindiņas savienojuma kodu pirms , novietojiet pilnas lapas / pogas / apļa spēlētājus ar pielāgotiem HTML stiprinājumiem un pēc tam kartējiet Satura atlasītājs un Renderēšanas elements jūsu izkārtojuma klasēm un ID.
Vienrindas iegulšana — ielīmēt pirms jebkurā pielāgotā kaudzē vai statiskā vietnē.
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.
Uz selektoru balstīta kartēšana — atlasīt jebkuru rakstu, galveno vai pielāgotu izkārtojuma apvalku.
Labākais: izstrādātāji, statiskie ģeneratori un pielāgotas CMS tēmas, kurās jūs kontrolējat HTML un vēlaties vienu iegulšanas funkciju, kā arī CSS selektorus pielāgotiem izkārtojumiem.
Kopējiet HTML kodu — atvērts Integrācijas → HTML tīmekļa vietne un nokopējiet savienojuma kodu.
Ielīmēt pirms — ievietojiet kodu savā veidnē pirms noslēguma tagu un pēc tam izvietojiet.
Savienojuma kods tiek ielādēts GSpeech katrā lapā, kur tas ir pieejams. Spēlētāji tiek rādīti tikai tur, kur ievietojat stiprinājumus/pielāgotu HTML, un tikai tad, kad atbilstošais logrīks ir publicēts un konfigurēts.
Kartēšanas modelis
Iegult skriptu, pieslēgumus un selektora kartējumu pielāgotam HTML
Pielāgotā HTML vietnē viens iegultais elements ielādē dzinēju. Pēc tam katrs logrīks sasaista jūsu klases un ID ar pievienojamo elementu, lai jūs saglabātu pilnīgu kontroli pār izkārtojumu, kamēr stāstījums paliek mākoņkonsolē:
1Savienojuma kods
Ielādē dzinēju pirms Bez tā stiprinājumi neko nedara.
2Pielāgots logrīks
Informācijas paneļa konfigurācija: balss, valoda, dizains, satura iestatījumi, URL noteikumi jebkuram maršrutam vai veidnei.
3Pievienošana/pielāgots HTML
Marķieris jūsu lapas HTML kodā (piemēram, .gsp_full_player), kur parādās atskaņotāja lietotāja interfeiss.
4Satura kartēšana
Satura atlasītājs = ko lasīt. 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 dažādiem izkārtojumiem, valodām vai dizainiem.
Neierobežots spēlētāju skaits katrā logrīkā — viens publicēts logrīks var darbināt katru atbilstošo pieslēgumu, ko atļauj Render Element + URL noteikumi.
Pielāgoti HTML stiprinājumi — HTML vietnēs piestiprinā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. Unikāliem pielāgotiem izkārtojumiem 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 pielāgotu HTML
Novietojiet jebkuru no šiem stiprinājumiem vietā, kur spēlētājam jāparādās lapā. Noklikšķiniet uz kartes, lai kopētu. Pēc tam iestatiet logrīku. Renderēšanas elements uz to pašu klasi.
Logrīkā saturs Ar cilni norādiet atlasītājus uz rakstu, galvenajiem vai pielāgotajiem apvalkiem, kas jums pieder — jebkuru CSS atlasītāju, ko parāda jūsu iezīmējums.
CS
Satura atlasītājs
Definē kāds teksts tiek izrunātsIzmantojiet CSS selektorus, atdalītus ar komatiem. Piemēri:
raksts, .post-content, #galvenais, .pielāgots izkārtojums — izlasiet šos elementus.
raksts, sadaļa, #mans_id,.mana_klase — vairāki mērķi vienā laukā.
vecāku_klase — nolasīt pieslēguma vecākkodu (noderīgi pielāgotam HTML satura blokā).
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, #content, vai .article-header 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ā. 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 to izmanto, satura atlasītājs var palikt tukšs. Noderīgi statiskiem reklāmas blokiem, ja DOM saturam nevajadzētu vadīt audio.
HTML vietņu īkšķa noteikums: Satura atlasītājs norāda uz jūsu kontrolēto apvalku (piemēram, article.post or #main), Renderēšanas elements norāda uz stiprinājumu, un Izslēgšanas saraksts izlaiž navigāciju, reklāmas un komentārus.
Piemēri
Praktiski kartēšanas piemēri pielāgotiem HTML izkārtojumiem
A piemērs
Pielāgota izkārtojuma raksts ar pilnas lapas atskaņotāju
Jūsu statiskā vai CMS veidne ietver rakstu un stiprinājumu:
Satura atlasītājs Sākot no article.post.custom-layout
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
Pievienošana CMS satura apgabalā — vecākklase
Ja stiprinājums atrodas pielāgotā CMS satura reģionā, 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
Statiskas vietņu veidnes ar vienu pogas logrīku
Vieta .gsp_button_player daudzās statiskās veidnēs. Vienas pogas atskaņotāja logrīks ar renderēšanas elementu .gsp_button_player var nodrošināt to visu darbību. Izveidojiet papildu logrīkus tikai tad, ja ir jāatšķiras balss, dizaina, selektoru vai URL noteikumiem.
Publicēt un klausīties — iestatiet statusu uz Publicēts, atsvaidziniet tiešsaistes lapu, pārbaudiet atskaņošanu.
Kad lapas teksts mainās, Smart Audio Sync var atjaunot narāciju fonā. Kartēšanas lauki joprojām nosaka kas tekstu un kur spēlētājs dzīvo.
FAQ
Bieži uzdotie jautājumi: HTML vietnes teksta pārveidošanas runā iegulšana
Vai HTML vietne atbalsta teksta pārveidošanu runā un mākslīgā intelekta balsis, izmantojot GSpeech?
Jā. GSpeech darbojas jebkurā HTML vietnē, statiskajā ģeneratorā vai pielāgotā CMS, kur var ielīmēt skriptu pirms tam Jūs iegūstat dabiskas mākslīgā intelekta balsis un mūsdienīgus atskaņotājus, neveidojot servera puses TTS cauruļvadu.
Kā es varu iegult GSpeech TTS skriptu pielāgotā vietnē?
Nokopējiet savienojuma kodu no Integrācijas → HTML tīmekļa vietne. Ielīmējiet to vienreiz koplietotajā veidnē pirms un izvietojiet. Pēc tam pievienojiet stiprinājumu, piemēram, <div class="gsp_full_player"></div> izkārtojumā, kur jāparādās spēlētājam, un iestatiet Render Element uz šo klasi.
Kas ir satura atlasītājs salīdzinājumā ar renderēšanas elementu pielāgotā HTML vietnē?
Satura atlasītājs ir jebkurš CSS atlasītājs tekstam, kuru vēlaties izrunāt — piemēram #main, article.postvai nodarbība no jūsu CMS. Renderēšanas elements ir vieta, kur tiek ievadīts atskaņotāja lietotāja interfeiss — parasti jūsu piestiprināšanas klase. Tā kā jūs kontrolējat iezīmēšanu, varat precīzi kartēt jebkuru pielāgotu izkārtojumu.
Vai GSpeech audio palēninās manu HTML vai statisko vietni?
Nē. Sintēze un kešatmiņa notiek GSpeech mākonis. Iegulšana ir viegls klienta skripts, un atskaņotāji tiek ielādēti tikai tur, kur pastāv piestiprināšanas iespējas. Jūsu mitināšana turpina apkalpot parasto HTML, CSS un JS, kamēr apmeklētāji klausās pēc pieprasījuma.
Vai man ir nepieciešamas API atslēgas, lai iegultu pielāgotu vietnes mākslīgā intelekta balsi?
Nē. GSpeech is Nav nepieciešamas API atslēgas HTML vietnēm. Ielīmējiet iegulto failu, konfigurējiet logrīkus mākoņkonsolē un publicējiet. Balsis un atskaņotāji tiek pārvaldīti no viena konta bez trešo pušu TTS atslēgām jūsu koda bāzē.
Palīdzēt
Vai nepieciešama palīdzība, lai atrastu atlasītājus pielāgotai tēmai vai veidotāja izkārtojumam?
Sazinieties ar GSpeech atbalsta dienestuNosūtiet lapas URL, un mēs palīdzēsim kartēt satura atlasītāju/renderēšanas elementu.
