Squarespace տեքստից խոսք — արհեստական բանականության ձայն՝ կոդի ներարկման միջոցով
Ստեղծողները, մարզիչները և պորտֆոլիոյի սեփականատերերը կարող են ավելացրեք արհեստական բանականության ձայն Squarespace-ին հետ GSpeechԲլոգներում, դասընթացների էջերում և ուսումնասիրություններում բնական պատմություններ ներկայացնելը, մինչդեռ աուդիոն ստեղծվում է GSpeech Cloud Console - API բանալիներ անհրաժեշտ չեն, և Squarespace հոսթինգում TTS բեռնվածություն չկա։
Այս ուղեցույցը ցույց է տալիս Squarespace կոդի ներարկում TTSտեղադրեք ներդրված ֆայլը Footer Code Injection-ում նախքան , տեղադրեք լիաէջ / կոճակ / շրջանագծի խաղացողներ a-ով Կոդի բլոկ, ապա քարտեզ Բովանդակության ընտրիչ և Render տարր որպեսզի խաղացողը կարդա ճիշտ բլոգի կամ պորտֆոլիոյի տեքստը։
Կոդի ներարկում + կոդի բլոկ — կայքի ողջ տարածքում ստորոտի ներդրված տարբերակ և էջի համար նախատեսված HTML-ի հարմարեցումներ։
Ամպային աուդիո ստեղծում — սինթեզել մեկ անգամ, քեշավորել և վերարտադրել այցելությունների ընթացքում։
API բանալիներ անհրաժեշտ չեն — ձայներ և նվագարկիչներ մեկ խաղային համակարգից։
Ստեղծագործների համար նախատեսված վիջեթներ — բլոգներ, դասընթացներ և պորտֆոլիոյի ուսումնասիրություններ՝ առանձին դիզայնով։
Լավագույնը ` Squarespace բլոգներ, մարզչական և դասընթացների էջեր, ինչպես նաև պորտֆոլիոյի ուսումնասիրություններ, որտեղ այցելուները կարող են լսել երկար ձևաչափի տեքստեր՝ առանց էջը լքելու։
Ստեղծեք կայք — եթե դեռ կայք չեք ավելացրել, հետևեք ստեղծել կայք.
Բացել կայքը - գնա քո մոտ ղեկավարման վահան և ընտրեք Squarespace կայքը։
Պատճենեք միացման կոդը — բաց Ինտեգրացիաներ → Squarespace / Html կայք և պատճենեք միացման կոդը։
Տեղադրեք առաջ — մուտքագրեք կոդը միջոցով Կարգավորումներ → Լրացուցիչ → Կոդի ներարկում (Ստորին էջ) փակումից առաջ պիտակ, ապա պահպանել և հրապարակել։
Միացման կոդը բեռնվում է GSpeech Յուրաքանչյուր էջում, որտեղ այն առկա է: Խաղացողները հայտնվում են միայն այնտեղ, որտեղ դուք տեղադրում եք միացումներ կոդային բլոկով / ներդրված / հատուկ HTML-ով և միայն այն դեպքում, երբ համապատասխան վիջեթը հրապարակված և կարգավորված է:
Քարտեզագրման մոդել
Կոդի ներարկում, կոդի բլոկներ և բովանդակության քարտեզագրում
Squarespace-ում Footer Code Injection-ը մեկ անգամ է բեռնում շարժիչը։ Այնուհետև յուրաքանչյուր վիջեթ բլոգի բլոկները, դասընթացների բաժինները կամ պորտֆոլիոյի պատճենը կապում է Code Block mount-ի հետ՝ առանց ձայնը ներառելու յուրաքանչյուր էջի դասավորության մեջ։
1Միացման կոդը
Բեռնում է շարժիչը Footer Code Injection-ից։ Առանց դրա, Code Block միացումները դատարկ են մնում։
2Հատուկ վիջեթ
Վահանակի կարգավորում՝ ձայն, լեզու, դիզայն, բովանդակության կարգավորումներ, URL կանոններ բլոգների և պորտֆոլիոների համար։
3Մոնտաժ / Կոդի բլոկ
Էջի վրա նշիչ (օրինակ՝ .gsp_full_player), որտեղ հայտնվում է խաղացողի ինտերֆեյսը։
4Բովանդակության քարտեզագրում
Բովանդակության ընտրիչ = ինչ Squarespace տեքստ կարդալ։ Render տարր = որտեղ է հայտնվում խաղացողը։ Բացառումը / Վերնագիրը / URL-ները ճշգրտում են համընկնումը։
Անսահմանափակ վիդջեթներ — առանձին լիաէջ, կոճակ կամ շրջանակի վիջեթներ բլոգների, դասընթացների և պորտֆոլիոյի դասավորությունների համար։
Անսահմանափակ խաղացողներ մեկ վիջեթի համար — մեկ հրապարակված վիջեթը կարող է հզորացնել Render Element + URL կանոններով թույլատրված բոլոր համապատասխան Code Block միացումները։
Կոդի բլոկ / հատուկ HTML — Squarespace-ում մոնտաժը նման է <div class="gsp_full_player"></div>WordPress-ում նույն գաղափարը օգտագործում է կարճ կոդեր, ինչպիսիք են՝ [gspeech].
Լռելյայն vs. առաջադեմ — լռելյայն միացումները արագ են աշխատում։ Հատուկ բաժինները պահանջում են բովանդակության ընտրիչի / ռենդերինգի տարրերի ճշգրիտ արժեքներ։
Ձայնարկիչներ
Ավելացրեք խաղացողներ կոդային բլոկով / հատուկ HTML-ով
Տեղադրեք այս ամրակներից որևէ մեկը այնտեղ, որտեղ խաղացողը պետք է հայտնվի էջում (Կոդի բլոկ / Ներկառուցված / Պատվերով HTML): Սեղմեք քարտի վրա՝ պատճենելու համար: Այնուհետև տեղադրեք վիջեթը: Render տարր նույն դասարանին։
Քարտեզագրեք Squarespace բլոկները և բլոգի տեքստը խաղացողին
Վիջեթում Պարունակություն ներդիր, Squarespace բլոգի տարրերի կետերի ընտրիչներ, բլոկի բովանդակություն և պորտֆոլիոյի բաժիններ, որոնք այցելուները պետք է լսեն, այնուհետև տեղադրեք նվագարկիչը Code Block մոնտաժի վրա։
id → # / դաս → . — պատճենեք Inspect-ից; գրեք դրանք կոնսոլում հեշով կամ կետով։
Հավաքեք կտորները — Բովանդակության ընտրիչը ընդունում է մի քանի թիրախներ՝ ստորակետերով բաժանված։
Կտրեք կտորները — Բացառությունների ցանկը օգտագործում է նույն նախածանցները + ստորակետերը։
Սահմանում է ինչ տեքստ է ասվումՕգտագործեք CSS ընտրիչներ, բաժանված ստորակետերով։ Օրինակներ՝
հոդված, .sqs-բլոկ-պարունակություն, .blog-item-content, #էջ — կարդացեք այդ տարրերը։
հոդված, բաժին, #my_id,.my_class — մեկ դաշտում բազմաթիվ թիրախներ։
ծնող_դաս — կարդացեք միացման ծնողական փաթաթանը (օգտակար է տեքստի բաժնի ներսում տեղադրված կոդի բլոկի համար):
ինքնադասարան — կարդացեք նույն փաթեթավորումը, որի մեջ տեղադրված է լեռը։
Թողեք դատարկ, եթե օգտագործում եք Բովանդակության տեքստ փոխարենը (ֆիքսված տեքստ, ոչ թե DOM բովանդակություն):
RE
Render տարր
Սահմանում է որտեղ է ներդրվում խաղացողի ինտերֆեյսըԱյն պետք է համապատասխանի էջի իրական տարրին։
HTML-ի հատուկ միացումների համար սահմանեք այն որպես mount դաս՝ .gsp_full_player, .gsp_button_playerԿամ .gsp_circle_player.
Կարող եք նաև թիրախավորել դասավորության կոնտեյներներ, ինչպիսիք են՝ մարմին, #էջԿամ .blog-item-content երբ դուք չեք օգտագործում հատուկ ամրակ։
Եթե բովանդակության ընտրիչը ճիշտ է, բայց ոչինչ չի երևում, ապա Render տարրը սովորաբար սխալ է կամ բացակայում է այդ էջում։
RP
Render Position
Տեղադրում է խաղացողին նախքան or Այն բանից հետո Render տարրի պարունակությունը։ Առանձին mount div-ի համար After/Before-ը սովորաբար դեռևս աշխատում է այդ հանգույցի նկատմամբ՝ թողեք mount-ը դատարկ և թողեք, որ վիջեթը լրացնի այն։
EX
Բացառել ցուցակը
Ընտրողներ, որոնք պետք է Նշում կարող են արտասանվել, նույնիսկ եթե դրանք գտնվում են Բովանդակության ընտրիչի ներսում։ Նույնը # / . կանոններ, ստորակետերով բաժանված։ Օրինակ՝ #comments,.sidebar,.ads,.no-speech.
TT
Վերնագրի ընտրիչ / Վերնագրի տեքստ
Վերնագրի ընտրիչ — էջի դինամիկ վերնագիր (օրինակ՝ h1).
Վերնագիր տեքստը — շտկված է նվագարկիչում ցուցադրվող վերնագիրը: Վերնագրի տեքստն օգտագործելիս թողեք Վերնագրի ընտրիչը դատարկ:
CT
Բովանդակության տեքստ
Լրացուցիչ ֆիքսված պատմողական տեքստ։ Օգտագործման դեպքում բովանդակության ընտրիչը կարող է դատարկ մնալ։ Օգտակար է կարճ դասընթացների ներածությունների կամ պորտֆոլիոյի ամփոփագրերի համար, երբ DOM բովանդակությունը չպետք է ձայնագրի։
Squarespace-ի հիմնական կանոնը. Բովանդակության ընտրիչի թիրախներ .blog-item-content or .sqs-block-content, Render Element-ը թիրախավորում է Code Block-ի միացումը, իսկ Exclude List-ը բաց է թողնում մեկնաբանությունները և կիսվում է շերտերով։
Օրինակներ
Squarespace բլոգների և պորտֆոլիոների համար քարտեզագրման գործնական օրինակներ
Օրինակ Ա
Պորտֆոլիոյի ուսումնասիրություն լիաէջ նվագարկիչով
Ուսումնասիրության էջ՝ մարմնի բովանդակությամբ և հերոսի տակ գտնվող կոդային բլոկի տեղադրմամբ։
Դասընթացի էջ — Կոդային բլոկ բովանդակության ներսում (parent_class)
Եթե Code Block-ի միացումը գտնվում է դասընթացի դասի բաժնի ներսում, Content Selector-ը կարող է լինել հարաբերական՝
Բովանդակության ընտրիչ - parent_class (կարդում է լեռան ծնողը)
Render տարր - .gsp_full_player
օգտագործում self_class երբ մոնտաժի փաթաթանն ինքնին պարունակում է պատմվող տեքստը։
Օրինակ Գ
Ստեղծողի բլոգի գրառումներ մեկ կոճակի վիջեթով
Տեղ .gsp_button_player բազմաթիվ բլոգային գրառումներում։ Մեկ կոճակով նվագարկիչ վիջեթ՝ Render տարրով .gsp_button_player կարող է հզորացնել դրանք բոլորը: Ավելացրեք ավելի շատ վիջեթներ միայն այն դեպքում, երբ ձայնային, դիզայնի կամ URL կանոնները պետք է տարբերվեն դասընթացների և պորտֆոլիոյի էջերի համար:
Հրապարակել և լսել — կարգավիճակը սահմանել «Հրապարակված», թարմացնել Squarespace-ի ուղիղ էջը, փորձարկել վերարտադրումը։
Երբ բլոգի կամ պորտֆոլիոյի տեքստը փոխվում է, Smart Audio Sync-ը կարող է վերականգնել պատմությունը ֆոնային ռեժիմով։ Համատեքստային դաշտերը դեռևս որոշում են։ որը տեքստ և որտեղ խաղացողը ապրում է։
ՀՏՀ
Հաճախ տրվող հարցեր. Squarespace տեքստից խոսք և կոդի ներարկում
Արդյո՞ք Squarespace-ը աջակցում է տեքստից խոսք և արհեստական բանականության ձայներ GSpeech-ի միջոցով։
Այո: GSpeech ավելացնում Squarespace տեքստից խոսք Բլոգների, դասընթացների էջերի և պորտֆոլիոների համար բնական արհեստական բանականության ձայներով: Դուք կապվում եք Code Injection-ի միջոցով, տեղադրում եք խաղացողներին Code Block-ի միջոցով և կառավարում եք ամեն ինչ Cloud Console-ում՝ API բանալիներ անհրաժեշտ չեն:
Ինչպե՞ս կարող եմ ավելացնել նվագարկիչը կոդի ներարկման և կոդի բլոկի միջոցով։
Պատճենեք միացման կոդը Integrations → Squarespace / Html Website-ից։ Տեղադրեք այն։ Կարգավորումներ → Լրացուցիչ → Կոդի ներարկում (Ստորին էջ) առաջ . Յուրաքանչյուր էջում, որտեղ անհրաժեշտ է աուդիո, ավելացրեք Կոդի բլոկ այնպիսի ամրակով, ինչպիսին է <div class="gsp_full_player"></div> և Render Element-ը սահմանեք այդ դասին։
Ի՞նչ է բովանդակության ընտրիչը ընդդեմ Render տարրի Squarespace-ում:
Բովանդակության ընտրիչ ընտրում է, թե որ Squarespace HTML-ն ընթերցել՝ օրինակ՝ .blog-item-content or .sqs-block-content. Render տարր ընտրում է, թե որտեղ է հայտնվում նվագարկիչը՝ սովորաբար ձեր Code Block mount դասը։ Սխալ տեքստը նշանակում է բովանդակության ընտրիչի շտկում, իսկ նվագարկչի բացակայությունը նշանակում է Render տարրի շտկում։
GSpeech աուդիոն կդանդաղեցնի՞ իմ Squarespace կայքը։
Ոչ։ Աուդիոն ստեղծվում և պահվում է քեշում GSpeech ամպում, ոչ թե Squarespace-ում: Footer Code Injection սկրիպտը թեթև է, և նվագարկիչները բեռնվում են միայն այնտեղ, որտեղ դուք ավելացնում եք կոդային բլոկներ: Բլոգներն ու պորտֆոլիոյի էջերը պահպանում են իրենց բնականոն աշխատանքը, մինչդեռ այցելուները լսում են ըստ պահանջի:
Արդյո՞ք ինձ անհրաժեշտ են API բանալիներ՝ Squarespace-ում արհեստական բանականության ձայն ավելացնելու համար։
Ոչ. GSpeech is API բանալիներ անհրաժեշտ չեն Squarespace-ի համար։ Մուտք գործեք Cloud Console, ավելացրեք Code Injection, կարգավորեք վիջեթներ և հրապարակեք։ Ձայններն ու նվագարկիչները մնում են մեկ հաշվում՝ առանց ձեր կայքում երրորդ կողմի TTS բանալիների։
Օգնություն
Օգնություն է պետք Squarespace դասավորության կամ Code Injection ներդրման համար ընտրողներ գտնելու համար՞
Կապվեք GSpeech-ի աջակցության ծառայության հետՈւղարկեք էջի URL-ը, և մենք կօգնենք ձեզ քարտեզագրել բովանդակության ընտրիչը / արտապատկերման տարրը։
