Wix тэкст у маўленне — карыстальніцкі код з голасам са штучным інтэлектам
Інтэграцыя з Wix
Пераўтварэнне тэксту ў маўленне з дапамогай тэксту Wix — дадайце агучванне з дапамогай штучнага інтэлекту з дапамогай карыстальніцкага кода
Дайце сваё Віксом блог, бізнес-сайт або Студыя Wix праецыруйце ўражанні, гатовыя да праслухоўвання, з GSpeechНаведвальнікі могуць гуляць у натуральную Голас штучнага інтэлекту Wix апавяданне ў паведамленнях і на старонках, пакуль аўдыё генеруецца і кэшуецца ў GSpeech Воблака кансолі - Ключы API не патрабуюццаі адсутнасць нагрузкі на TTS на хостынгу Wix.
У гэтым кіраўніцтве паказана, як даданне тэксту ў маўленне ў Wix: устаўце код падключэння з дапамогай Карыстальніцкі код Wix (або карыстальніцкі HTML) перад , размясціце паўнастаронкавыя / кнопачныя / круглыя прайгравальнікі з убудаванай карыстальніцкай HTML-кодам, а затым адлюструйце Выбар змесціва і Элемент візуалізацыі каб гулец правільна чытаў паведамленні ў блогу, старонкі паслуг і старонкі "Пра нас".
Карыстальніцкі код Wix для рэалізацыі тэксту — убудаванне на ўвесь сайт праз Налады → Карыстальніцкі код або карыстальніцкі HTML для кожнай старонкі.
Генерацыя воблачнага аўдыё — сінтэзаваць адзін раз, кешаваць і прайграваць падчас наведванняў.
Ключы API не патрабуюцца — кіраваць галасамі і гульцамі з адной кансолі.
Неабмежаваная колькасць карыстальніцкіх віджэтаў — асобнае апавяданне для блогаў, старонак паслуг і макетаў Studio.
Лепш за ўсё падыходзіць для: Блогі Wix, сайты мясцовых бізнес-сайтаў і маркетынгавыя старонкі Wix Studio, дзе вам патрэбен голас штучнага інтэлекту ў тэкстах паведамленняў, апісаннях паслуг і тэкстах — без неабходнасці ствараць уласны TTS-бэкенд.
Стварыце вэб-сайт — калі вы яшчэ не дадалі сайт, падпішыцеся стварыць сайт.
Адкрыйце сайт — ідзі да свайго прыборная панэль і абярыце сайт Wix.
Скапіюйце код Wix — адкрыты Інтэграцыі → Wix і скапіюйце код падключэння.
Уставіць перад — устаўце код праз Карыстальніцкі код Wix (Налады → Карыстальніцкі код) або ўбудаванне карыстальніцкага HTML перад закрыццём пазначыць, а затым апублікаваць.
Код падключэння загружаецца GSpeech на кожнай старонцы, дзе ён прысутнічае. Гульцы з'яўляюцца толькі там, дзе вы размяшчаеце мацаванне / карыстальніцкі HTML і толькі тады, калі адпаведны віджэт апублікаваны і настроены.
Мадэль адлюстравання
Карыстальніцкі код Wix, віджэты і мапінг кантэнту
На Wix, GSpeech не прывязвае аднаго гульца да аднаго тэкставага блока жорстка. Вы падключаеце карыстальніцкі код адзін раз, а затым прывязваеце кожны віджэт да фарматаванага тэксту або раздзела, які вы хочаце агучыць:
1Код злучэння
Загружае рухавік праз Wix Custom Code. Без яго макеты Custom HTML застаюцца пустымі.
2Карыстальніцкі віджэт
Канфігурацыя панэлі кіравання: голас, мова, дызайн, налады кантэнту, правілы URL-адрасоў для блогаў і бізнес-старонак.
3Мантаваць / Карыстальніцкі HTML
Маркер на старонцы Wix (напрыклад .gsp_full_player), дзе з'яўляецца інтэрфейс гульца.
4Картаграфаванне кантэнту
Выбар змесціва = які тэкст Wix чытаць. Элемент візуалізацыі = дзе з'яўляецца гулец. Выключыць / Назва / URL-адрасы ўдакладняюць супадзенне.
Неабмежаваная колькасць віджэтаў — асобныя віджэты «Поўная старонка», «Кнопка» або «Круг» для паведамленняў у блогу, старонак паслуг і макетаў Studio.
Неабмежаваная колькасць гульцоў на віджэт — адзін апублікаваны віджэт можа падтрымліваць усе адпаведныя макеты карыстальніцкага HTML, дазволеныя правіламі рэндэрынгу элементаў + URL.
Карыстальніцкі HTML / убудаванне — на Wix мацаванне выглядае так <div class="gsp_full_player"></div>На WordPress тая ж ідэя выкарыстоўвае шорткоды, такія як [gspeech].
Налады па змаўчанні супраць пашыраных — мацаванне па змаўчанні працуе хутка. Для карыстальніцкіх раздзелаў Wix патрэбныя дакладныя значэнні селектара кантэнту / элемента рэндэрынгу.
Гульцы
Дадайце гульцоў з дапамогай Wix Custom HTML
Размясціце любое з гэтых мацаванняў там, дзе павінен з'явіцца гулец на старонцы (Custom HTML / embed). Націсніце на картку, каб скапіяваць яе. Затым усталюйце віджэт. Элемент візуалізацыі да таго ж класа.
У віджэце змест Табуляцыя, селектары пунктаў у фармаце RTF і абгортках раздзелаў Wix, якія павінны пачуць наведвальнікі — звычайна гэта асноўныя часткі блога, тэкст сэрвісу і раздзелы «Аб сэрвісе».
ідэнтыфікатар → # / клас → . — напрыклад id="main" → #main; class="wix-rich-text" → .wix-rich-text.
Збярыце часткі — Выбар змесціва прымае некалькі мэтавых значэнняў, падзеленых коскамі.
Абрэзаць кавалачкі — У спісе выключэнняў выкарыстоўваюцца тыя ж прэфіксы + коскі.
вызначае які тэкст агучваеццаВыкарыстоўвайце селектары CSS, падзеленыя коскамі. Прыклады разметкі, падобнай да Wix:
.wix-rich-text, .blog-post-content, [data-testid="richTextElement"] — распаўсюджаныя тэкставыя абгорткі Wix.
.wix-rich-text, .blog-post-content, #my_id — некалькі мэтаў у адным полі.
бацькоўскі_клас — прачытаць бацькоўскую абгортку мантавання (карысна, калі карыстальніцкі HTML-код знаходзіцца ўнутры тэкставага блока).
сам_клас — гаворыцца на той жа абгортцы, у якой знаходзіцца мацаванне.
Пакіньце пустым, калі выкарыстоўваеце Змест Тэкст замест гэтага (фіксаваны тэкст, а не змесціва DOM).
RE
Элемент візуалізацыі
вызначае куды ўводзіцца інтэрфейс гульцаЁн павінен адпавядаць рэальнаму элементу на старонцы Wix.
Для карыстальніцкіх HTML-мантаванняў усталюйце клас мантавання: .gsp_full_player, .gsp_button_playerабо .gsp_circle_player.
Вы таксама можаце арыентавацца на кантэйнеры макета, такія як цела, клас раздзела Wix або абгортку кантэнту блога, калі вы не выкарыстоўваеце спецыяльнае мацаванне.
Калі селектар змесціва правільны, але нічога не адлюстроўваецца, элемент рэндэрынгу звычайна няправільны або адсутнічае на гэтай старонцы.
RP
Палажэнне візуалізацыі
Размяшчае гульца Перад тым як or Пасля змест элемента рэндэрынгу. Для спецыяльнага div мантавання, After/Before звычайна ўсё яшчэ працуе адносна гэтага вузла — пакідайце мантаванне пустым і дайце віджэту запоўніць яго.
EX
Спіс выключэнняў
Селектары, якія павінны ня будуць агучвацца, нават калі яны знаходзяцца ўнутры селектара кантэнту. Тое ж самае # / . правілы, падзеленыя коскамі. Прыклад: .share-buttons,.related-posts,.wix-comments,.no-speech.
TT
Выбар загалоўка / Тэкст загалоўка
Выбар загалоўка — дынамічны загаловак са старонкі (прыклад: h1 або абгортку загалоўкаў Wix).
Тэкст загалоўка — выпраўлены загаловак, які адлюстроўваецца ў прайгравальніку. Пры выкарыстанні тэксту загалоўка пакіньце поле выбару загалоўка пустым.
CT
Змест Тэкст
Дадатковы фіксаваны тэкст апавядання. Пры выкарыстанні селектар кантэнту можа заставацца пустым. Карысна для кароткіх рэкламных раздзелаў на бізнес-старонках Wix, калі тэкст DOM не павінен уключаць аўдыё.
Эмпірычнае правіла для Wix: «Выбар змесціва» паказвае на фарматаваны тэкст, які вы хочаце агучыць, «Элемент рэндэрынгу» — на мацаванне карыстальніцкага HTML, а «Спіс выключэнняў» прапускае каментарыі, панэлі сумеснага выкарыстання і паласы звязаных паведамленняў.
Прыкладаў
Практычныя прыклады мапавання для блогаў і бізнес-старонак Wix
Прыклад А.
Паведамленне ў блогу Wix з паўнастаронкавым прайгравальнікам
Тэкст паведамлення ў блогу і карыстальніцкі HTML-код пад загалоўкам:
Спіс выключэнняў - .share-buttons,.related-posts (Апцыянальна)
Выбар загалоўка - h1 (Апцыянальна)
Прыклад B.
Старонка службы — мантаванне ўнутры фарматаванага тэксту (бацькоўскі_клас)
Калі карыстальніцкі HTML-код знаходзіцца ўнутры тэкставага раздзела Wix на старонцы сэрвісу, селектар кантэнту можа быць адносным:
Выбар змесціва - parent_class (чытае бацькоўскі элемент мацавання)
Элемент візуалізацыі - .gsp_full_player
Выкарыстоўваць self_class калі сама абгортка мантавання змяшчае тэкст, які павінен быць агучаны.
Прыклад С
Старонкі «Аб праграме» і «Студыя» з віджэтам One Button
Месца .gsp_button_player пра старонкі і паўтаральныя макеты Studio. Віджэт One Button Player з элементам рэндэрынгу .gsp_button_player можа забяспечыць іх усе. Дадавайце віджэты толькі тады, калі голас, селектары або правілы URL-адрасоў павінны адрознівацца.
Апублікаваць і слухаць — усталюйце статус на «Апублікавана», абнавіце старонку Wix, пратэстуйце прайграванне.
Калі тэкст блога або старонкі Wix змяняецца, Smart Audio Sync можа перабудаваць агучванне ў фонавым рэжыме. Палі адлюстравання ўсё яшчэ вырашаюць які тэкст і дзе гулец жыве.
Часта задаваныя пытанні
Часта задаваныя пытанні: пераўтварэнне тэксту ў маўленне і карыстальніцкі код Wix
Ці падтрымлівае Wix пераўтварэнне тэксту ў маўленне і галасы штучнага інтэлекту з дапамогай GSpeech?
Так. GSpeech дадае Wix пераўтварэнне тэксту ў маўленне з натуральнымі галасамі штучнага інтэлекту для блогаў, бізнес-сайтаў і старонак Wix Studio. Вы падключаецеся праз карыстальніцкі код, размяшчаеце мацаванне плэераў з дапамогай карыстальніцкага HTML і кіруеце галасамі ў воблачнай кансолі — без ключоў API і без апрацоўкі TTS на серверах Wix.
Як дадаць плэер GSpeech з дапамогай карыстальніцкага кода Wix?
Скапіруйце код падключэння Wix з раздзела «Інтэграцыі» → «Wix» у вашай панэлі кіравання. Устаўце яго Налады → Карыстальніцкі код (або карыстальніцкі HTML), каб ён загружаўся раней , а затым апублікаваць. Дадайце мантаж, напрыклад <div class="gsp_full_player"></div> на старонках блога або сэрвісу і ўсталюйце для элемента Render той жа клас.
Што такое селектар кантэнту супраць элемента рэндэрынгу на Wix?
Выбар змесціва кажа GSpeech які тэкст Wix агучваць — напрыклад .wix-rich-text або цела паведамлення ў блогу. Элемент візуалізацыі паказвае, дзе паказваць прайгравальнік — звычайна гэта ваш клас мантавання Custom HTML. Калі аўдыётэкст няправільны, выпраўце Content Selector. Калі прайгравальнік адсутнічае, выпраўце Render Element.
Ці запаволіць аўдыё GSpeech мой сайт Wix?
Не. Аўдыё генеруецца і захоўваецца ў кэшы GSpeech воблака, а не на хостынгу Wix. Скрыпт падключэння лёгкі, і плэеры загружаюцца толькі там, дзе вы размяшчаеце мацавання. Паведамленні ў блогу і бізнес-старонкі падтрымліваюць звычайную прадукцыйнасць Wix, а наведвальнікі слухаюць па запыце.
Ці патрэбныя мне ключы API для галасавога апавядання Wix AI?
Не. GSpeech is Ключы API не патрабуюцца для Wix. Вы ўваходзіце ў Cloud Console, устаўляеце карыстальніцкі код, наладжваеце віджэты і публікуеце. Галасы, мовы і прайгравальнікі кіруюцца ў адным месцы без старонніх ключоў TTS на вашым сайце Wix.
дапамогу
Патрэбна дапамога ў пошуку селектараў для макета Wix або ўбудавання карыстальніцкага кода?
Звярніцеся ў службу падтрымкі GSpeechДашліце URL старонкі, і мы дапаможам адлюстраваць селектар кантэнту / элемент рэндэрынгу.
