Wix տեքստից խոսք — AI ձայնի անհատական ​​կոդ

Wix տեքստից խոսք — ավելացրեք արհեստական ​​բանականության ձայնային պատմություն՝ օգտագործելով հատուկ կոդը

Տվեք ձեր Wix բլոգ, բիզնես կայք կամ Wix Studio նախագծեք լսելու համար պատրաստ փորձառություն GSpeechԱյցելուները կարող են բնական խաղալ Wix AI ձայն գրառումներում և էջերում պատմություն, մինչդեռ աուդիոն ստեղծվում և պահվում է քեշում GSpeech Cloud Console - API բանալիներ անհրաժեշտ չեն, և Wix հոսթինգում TTS բեռնվածություն չկա։

Այս ուղեցույցը ցույց է տալիս, թե ինչպես Wix-ում տեքստը խոսքին ավելացնելը: տեղադրեք կապի կոդը Wix-ի հատուկ կոդ (կամ հատուկ HTML) նախքան , տեղադրեք լիաէջ / կոճակ / շրջանագծի խաղացողներ՝ HTML-ի հատուկ ներդրմամբ, ապա քարտեզագրեք Բովանդակության ընտրիչ և Render տարր որպեսզի խաղացողը ճիշտ կարդա բլոգի գրառումները, ծառայությունների էջերը և մեր մասին էջերը։

  • Wix-ի հատուկ կոդ TTS — կայքի ամբողջ տարածքում ներկառուցում Կարգավորումներ → Հատուկ կոդի միջոցով կամ յուրաքանչյուր էջի համար հատուկ HTML-ի միջոցով։
  • Ամպային աուդիո ստեղծում — սինթեզել մեկ անգամ, քեշավորել և վերարտադրել այցելությունների ընթացքում։
  • API բանալիներ անհրաժեշտ չեն — կառավարել ձայները և նվագարկիչները մեկ վահանակից։
  • Անսահմանափակ անհատականացված վիջեթներ — առանձին պատմություն բլոգների, ծառայությունների էջերի և ստուդիայի դասավորությունների համար։

Լավագույնը ` Wix բլոգներ, տեղական բիզնես կայքեր և Wix Studio մարքեթինգային էջեր, որտեղ դուք ցանկանում եք արհեստական ​​բանականության ձայն գրառումների տեքստերում, ծառայությունների նկարագրություններում և տեքստի մասին՝ առանց ստեղծելու հատուկ TTS backend:

Կայքի TTS-ի ակնարկ Կենդանի դեմոներ Բացեք Cloud Console-ը

միացնել GSpeech դեպի Wix

Ինչպես միանալ GSpeech դեպի Wix

  • Sign in - մուտք գործեք ձեր GSpeech հաշիվ (մեկը պե՞տք է։) ստեղծել անվճար հաշիվ).
  • Ստեղծեք կայք — եթե դեռ կայք չեք ավելացրել, հետևեք ստեղծել կայք.
  • Բացել կայքը - գնա քո մոտ ղեկավարման վահան և ընտրեք Wix կայքը։
  • Պատճենեք Wix կոդը — բաց Ինտեգրացիաներ → Wix և պատճենեք միացման կոդը։
  • Տեղադրեք առաջ — մուտքագրեք կոդը միջոցով Wix-ի հատուկ կոդ (Կարգավորումներ → Հատուկ կոդ) կամ հատուկ HTML ներկառուցված ֆայլ փակումից առաջ պիտակ, ապա հրապարակել։

Միացման կոդը բեռնվում է GSpeech յուրաքանչյուր էջում, որտեղ այն առկա է: Խաղացողները հայտնվում են միայն այնտեղ, որտեղ դուք տեղադրում եք միացումներ / հատուկ HTML, և միայն այն դեպքում, երբ համապատասխան վիջեթը հրապարակված և կարգավորված է:

Wix-ի հատուկ կոդ, վիջեթներ և բովանդակության քարտեզագրում

Wix-ում, GSpeech Մեկ խաղացողը մեկ տեքստային բլոկի վրա կոշտ կոդավորմամբ չի աշխատում։ Դուք մեկ անգամ միացնում եք Custom Code-ը, այնուհետև յուրաքանչյուր վիջեթը կապում եք հարուստ տեքստի կամ այն ​​բաժնի հետ, որը ցանկանում եք, որ պատմվի։

1 Միացման կոդը

Բեռնում է շարժիչը Wix Custom Code-ի միջոցով։ Առանց դրա, Custom HTML միացումները դատարկ են մնում։

2 Հատուկ վիջեթ

Վահանակի կարգավորում. ձայն, լեզու, դիզայն, բովանդակության կարգավորումներ, URL կանոններ բլոգի և բիզնես էջերի համար։

3 Մոնտաժ / Պատվերով HTML

Wix էջի նշիչ (օրինակ՝ .gsp_full_player), որտեղ հայտնվում է խաղացողի ինտերֆեյսը։

4 Բովանդակության քարտեզագրում

Բովանդակության ընտրիչ = ինչ Wix տեքստ կարդալ։ Render տարր = որտեղ է հայտնվում խաղացողը։ Բացառումը / Վերնագիրը / URL-ները ճշգրտում են համընկնումը։

  • Անսահմանափակ վիդջեթներ — առանձին լիաէջ, կոճակ կամ շրջանակ վիջեթներ բլոգի գրառումների, ծառայությունների էջերի և Studio դասավորությունների համար։
  • Անսահմանափակ խաղացողներ մեկ վիջեթի համար — մեկ հրապարակված վիջեթը կարող է հզորացնել Render Element + URL կանոններով թույլատրված բոլոր համապատասխան Custom HTML միացումները։
  • Հատուկ HTML / ներդրված — Wix-ում մոնտը նման է <div class="gsp_full_player"></div>WordPress-ում նույն գաղափարը օգտագործում է կարճ կոդեր, ինչպիսիք են՝ [gspeech].
  • Լռելյայն vs. առաջադեմ — լռելյայն միացումները արագ են աշխատում։ Wix-ի հատուկ բաժինները պահանջում են բովանդակության ընտրիչի / ռենդերինգի տարրերի ճշգրիտ արժեքներ։

Ավելացրեք խաղացողներ Wix Custom HTML-ով

Տեղադրեք այս ամրակներից որևէ մեկը այնտեղ, որտեղ խաղացողը պետք է հայտնվի էջում (HTML-ի հատուկ կոդ / ներդրված): Սեղմեք քարտի վրա՝ պատճենելու համար: Այնուհետև տեղադրեք վիջեթը: Render տարր նույն դասարանին։

  • Ամբողջ էջի նվագարկիչ
    <div class="gsp_full_player"></div>
  • Կոճակ նվագարկիչ
    <div class="gsp_button_player"></div>
  • Circle Player
    <div class="gsp_circle_player"></div>

Լրիվ խաղացողի փաստաթղթեր Button Player-ի փաստաթղթերը Circle Player-ի փաստաթղթերը

Map Wix էջի տեքստը խաղացողին

Վիջեթում Պարունակություն ներդիր, Wix հարուստ տեքստի կետերի ընտրիչներ և բաժինների փաթեթավորիչներ, որոնք այցելուները պետք է լսեն՝ սովորաբար բլոգի մարմիններ, ծառայության տեքստ և «Մեր մասին» բաժիններ։

  • id → # / դաս → . — օրինակ id="main" → #main; class="wix-rich-text" → .wix-rich-text.
  • Հավաքեք կտորները — Բովանդակության ընտրիչը ընդունում է մի քանի թիրախներ՝ ստորակետերով բաժանված։
  • Կտրեք կտորները — Բացառությունների ցանկը օգտագործում է նույն նախածանցները + ստորակետերը։
  • Սկսնակ ուղեցույց - Ինչպես գրել HTML արժեքներ (# / .).

Բովանդակության ընտրիչ

Սահմանում է ինչ տեքստ է ասվումՕգտագործեք CSS ընտրիչներ, բաժանված ստորակետերով։ Wix-անման նշագրման օրինակներ՝

  • .wix-հարուստ տեքստ, .բլոգի-գրառման-բովանդակություն, [data-testid = "richTextElement"] — Wix-ի տարածված տեքստային փաթեթավորիչներ։
  • .wix-rich-text, .blog-post-content, #my_id — մեկ դաշտում բազմաթիվ թիրախներ։
  • ծնող_դաս — կարդալ միացման ծնողական փաթեթավորումը (օգտակար է, երբ Custom HTML-ը գտնվում է տեքստային բլոկի ներսում):
  • ինքնադասարան — կարդացեք նույն փաթեթավորումը, որի մեջ տեղադրված է լեռը։
  • Թողեք դատարկ, եթե օգտագործում եք Բովանդակության տեքստ փոխարենը (ֆիքսված տեքստ, ոչ թե DOM բովանդակություն):

Render տարր

Սահմանում է որտեղ է ներդրվում խաղացողի ինտերֆեյսըԱյն պետք է համընկնի Wix էջի իրական տարրի հետ։

  • HTML-ի հատուկ միացումների համար սահմանեք այն որպես mount դաս՝ .gsp_full_player, .gsp_button_playerԿամ .gsp_circle_player.
  • Կարող եք նաև թիրախավորել դասավորության կոնտեյներներ, ինչպիսիք են՝ մարմին, Wix բաժնի դաս կամ բլոգի բովանդակության փաթաթան, երբ դուք չեք օգտագործում նվիրված միացում։
  • Եթե ​​բովանդակության ընտրիչը ճիշտ է, բայց ոչինչ չի երևում, ապա Render տարրը սովորաբար սխալ է կամ բացակայում է այդ էջում։

Render Position

Տեղադրում է խաղացողին նախքան or Այն բանից հետո Render տարրի պարունակությունը։ Առանձին mount div-ի համար After/Before-ը սովորաբար դեռևս աշխատում է այդ հանգույցի նկատմամբ՝ թողեք mount-ը դատարկ և թողեք, որ վիջեթը լրացնի այն։

Բացառել ցուցակը

Ընտրողներ, որոնք պետք է Նշում կարող են արտասանվել, նույնիսկ եթե դրանք գտնվում են Բովանդակության ընտրիչի ներսում։ Նույնը # / . կանոններ, ստորակետերով բաժանված։ Օրինակ՝ .share-buttons,.related-posts,.wix-comments,.no-speech.

Վերնագրի ընտրիչ / Վերնագրի տեքստ

  • Վերնագրի ընտրիչ — էջի դինամիկ վերնագիր (օրինակ՝ h1 կամ Wix վերնագրի փաթաթան):
  • Վերնագիր տեքստը — շտկված է նվագարկիչում ցուցադրվող վերնագիրը: Վերնագրի տեքստն օգտագործելիս թողեք Վերնագրի ընտրիչը դատարկ:

Բովանդակության տեքստ

Լրացուցիչ ֆիքսված պատմողական տեքստ։ Օգտագործման դեպքում բովանդակության ընտրիչը կարող է դատարկ մնալ։ Օգտակար է Wix բիզնես էջերի կարճ գովազդային բաժինների համար, երբ DOM տեքստը չպետք է ձայնագրի ձայնը։

Wix-ի հիմնական կանոնը. «Բովանդակության ընտրիչը» մատնացույց է անում այն ​​հարուստ տեքստին, որը ցանկանում եք ներկայացնել, Render Element-ը մատնացույց է անում Custom HTML միացմանը, իսկ Exclude List-ը բաց է թողնում մեկնաբանությունները, համօգտագործման տողերը և կապակցված գրառումների տողերը։

Wix բլոգների և բիզնես էջերի համար քարտեզագրման գործնական օրինակներ

Wix բլոգի գրառում լիաէջ նվագարկիչով

Բլոգի գրառման մարմին և վերնագրի տակ գտնվող Custom HTML միացում։

  • Էջի նշում
    <div class="wix-rich-text blog-post-content">...</div> <div class="gsp_full_player"></div>
  • Բովանդակության ընտրիչ - .wix-rich-text.blog-post-content
  • Render տարր - .gsp_full_player
  • Բացառել ցուցակը - .share-buttons,.related-posts (Ընտրանքայինl)
  • Վերնագրի ընտրիչ - h1 (Ընտրանքայինl)

Ծառայության էջ — տեղադրեք հարուստ տեքստի ներսում (ծնող_դաս)

Եթե ​​Custom HTML-ը գտնվում է ծառայության էջի Wix տեքստային բաժնի ներսում, Content Selector-ը կարող է լինել հարաբերական.

  • Բովանդակության ընտրիչ - parent_class (կարդում է լեռան ծնողը)
  • Render տարր - .gsp_full_player

օգտագործում self_class երբ մոնտաժի փաթաթանն ինքնին պարունակում է պատմվող տեքստը։

«Մեր մասին» և «Ստուդիա» էջերը մեկ կոճակի վիջեթով

Տեղ .gsp_button_player «about» էջերի և կրկնվող Studio դասավորությունների վրա։ Մեկ կոճակով նվագարկիչ վիջեթ՝ Render տարրով։ .gsp_button_player կարող է հզորացնել դրանք բոլորը: Ավելացրեք ավելի շատ վիջեթներ միայն այն դեպքում, երբ ձայնը, ընտրիչները կամ URL կանոնները պետք է տարբերվեն:

Ստեղծեք Wix պատմողական վիջեթներ

  • Բացել վահանակը - գնա քո մոտ GSpeech վահանակ.
  • Ընտրեք կայքը — բացեք ձեր միացված Wix կայքը։
  • Ավելացնել նոր վիջեթ — Վիջեթներ → Ավելացնել նոր վիջեթ → ընտրել տեսակը (Լրիվ նվագարկիչ, Կոճակ, Շրջան, …) → Ստեղծել։
  • Կարգավորել բովանդակությունը — սահմանել բովանդակության ընտրիչ, արտապատկերման տարր, բացառությունների ցանկ, վերնագրեր բլոգի կամ բիզնես էջերի համար։
  • Կարգավորել նվագարկիչը / դիզայնը — ձայն, վահանակներ, թեմա, լայնություն, լուսանցքներ։
  • Հրապարակել և լսել — կարգավիճակը սահմանեք «Հրապարակված», թարմացրեք Wix էջը ուղիղ եթերում, փորձարկեք վերարտադրումը։

Երբ Wix բլոգի կամ էջի տեքստը փոխվում է, Smart Audio Sync-ը կարող է վերականգնել պատմությունը ֆոնային ռեժիմով։ Քարտեզագրման դաշտերը դեռևս որոշում են։ որը տեքստ և որտեղ խաղացողը ապրում է։

Հաճախ տրվող հարցեր. Wix տեքստից խոսք և հատուկ կոդ

  • Wix-ը GSpeech-ի միջոցով աջակցո՞ւմ է տեքստից խոսք և արհեստական ​​բանականության ձայներ։

    Այո: GSpeech ավելացնում Wix տեքստից խոսք Բլոգների, բիզնես կայքերի և Wix Studio էջերի համար բնական արհեստական ​​ինտելեկտի ձայներով։ Դուք միանում եք Custom Code-ի միջոցով, տեղադրում եք նվագարկիչի միացումներ Custom HTML-ով և կառավարում եք ձայները Cloud Console-ում՝ առանց API բանալիների և առանց TTS մշակման Wix սերվերների վրա։
  • Ինչպե՞ս կարող եմ ավելացնել GSpeech նվագարկիչը Wix Custom Code-ի միջոցով։

    Պատճենեք Wix միացման կոդը Integrations → Wix-ից ձեր վահանակում։ Տեղադրեք այն։ Կարգավորումներ → Հատուկ կոդ (կամ Custom HTML), որպեսզի այն բեռնվի նախքան , ապա հրապարակել։ Ավելացրեք միացում, օրինակ՝ <div class="gsp_full_player"></div> բլոգում կամ ծառայության էջերում և Render Element-ը սահմանեք նույն դասի։
  • Ի՞նչ է բովանդակության ընտրիչը Wix-ում Render տարրի համեմատ:

    Բովանդակության ընտրիչ ասում է նա GSpeech որ Wix տեքստը պատմել՝ օրինակ .wix-rich-text կամ բլոգի գրառման մարմնում։ Render տարր ցույց է տալիս, թե որտեղ ցույց տալ նվագարկիչը՝ սովորաբար ձեր Custom HTML mount դասը։ Եթե աուդիո տեքստը սխալ է, շտկեք Content Selector-ը։ Եթե նվագարկիչը բացակայում է, շտկեք Render Element-ը։
  • GSpeech աուդիոն կդանդաղեցնի՞ իմ Wix կայքը։

    Ոչ։ Աուդիոն ստեղծվում և պահվում է քեշում GSpeech ամպային, ոչ թե Wix հոսթինգում: Միացման սկրիպտը թեթև է, և նվագարկիչները բեռնվում են միայն այնտեղ, որտեղ դուք տեղադրում եք մոնտաժները: Բլոգի գրառումներն ու բիզնես էջերը պահպանում են Wix-ի բնականոն աշխատանքը, մինչդեռ այցելուները լսում են պահանջարկի դեպքում:
  • Արդյո՞ք ինձ անհրաժեշտ են API բանալիներ Wix AI ձայնային պատմողականության համար:

    Ոչ. GSpeech is API բանալիներ անհրաժեշտ չեն Wix-ի համար։ Դուք մուտք եք գործում Cloud Console, տեղադրում եք Custom Code, կարգավորում եք վիջեթները և հրապարակում։ Ձայները, լեզուները և նվագարկիչները կառավարվում են մեկ տեղում՝ առանց ձեր Wix կայքում երրորդ կողմի TTS բանալիների։

Օգնություն է պետք Wix դասավորության կամ Custom Code ներդրման համար ընտրողներ գտնելու հարցում՞ Կապվեք GSpeech-ի աջակցության ծառայության հետՈւղարկեք էջի URL-ը, և մենք կօգնենք ձեզ քարտեզագրել բովանդակության ընտրիչը / արտապատկերման տարրը։

Փաստաթղթեր և ուղեցույցներ