Wix Text to Spech — Голосовой интерфейс на основе пользовательского кода
Интеграция Wix
Wix: преобразование текста в речь — добавление голосового сопровождения с помощью пользовательского кода
Отдай свое Wix блог, бизнес-сайт или Wix Студия спроецируйте готовый к прослушиванию опыт с помощью GSpeechПосетители могут играть в натуральные игры. Голосовой ИИ Wix озвучивание постов и страниц во время генерации и кэширования аудиофайлов. GSpeech Облачная Консоль - API-ключи не требуютсяи отсутствие загрузки TTS на хостинге Wix.
В этом руководстве показано, как добавить озвучку текста в Wixвставьте код подключения вместе с Пользовательский код Wix (или пользовательский HTML) перед Разместите полностраничные/кнопочные/круговые плееры с помощью пользовательского HTML-встраивания, затем настройте карту. Селектор содержимого и Рендеринг элемента Таким образом, игрок правильно читает сообщения в блоге, страницы сервиса и страницы "О нас".
Пользовательский код Wix TTS — Встраивание на весь сайт через Настройки → Пользовательский код или пользовательский HTML для каждой страницы.
Генерация облачного аудио — синтезировать один раз, кэшировать и воспроизводить при последующих посещениях.
API-ключи не требуются — Управляйте голосами и игроками с одной консоли.
Неограниченное количество пользовательских виджетов — Отдельное озвучивание для блогов, страниц услуг и макетов Studio.
Оптимально для: Блоги Wix, сайты местных компаний и маркетинговые страницы Wix Studio, где вам нужен голосовой синтезатор на основе ИИ для текста сообщений, описаний услуг и информации о компании — без необходимости создания собственной системы преобразования текста в речь.
Создать сайт — Если вы еще не добавили сайт, перейдите по ссылке. создать сайт.
Откройте сайт — перейдите к своему приборная панель и выберите сайт Wix.
Скопируйте код Wix. - открыть Интеграции → Wix и скопируйте код подключения.
Вставить перед — вставьте код через Пользовательский код Wix (Настройки → Пользовательский код) или встраивание пользовательского HTML-кода перед закрывающим тегом. Сначала добавьте тег, затем опубликуйте.
Код подключения загружается GSpeech На каждой странице, где он присутствует. Игроки отображаются только там, где вы размещаете ездовых животных / пользовательский HTML-код, и только когда соответствующий виджет опубликован и настроен.
Модель отображения
Пользовательский код Wix, виджеты и сопоставление контента.
На Wix, GSpeech Здесь нет жесткого привязывания одного плеера к одному текстовому блоку. Вы подключаете пользовательский код один раз, а затем сопоставляете каждый виджет с форматированным текстом или разделом, который хотите озвучить:
1Код подключения
Загружает движок через пользовательский код Wix. Без него пользовательские HTML-ссылки остаются пустыми.
2Пользовательский виджет
Настройки панели управления: голос, язык, дизайн, параметры контента, правила URL-адресов для страниц блога и бизнес-страниц.
3Крепление / Пользовательский HTML
Маркер на странице Wix (например) .gsp_full_player) где отображается пользовательский интерфейс игрока.
4Картирование контента
Селектор содержимого = какой текст Wix следует прочитать. Рендеринг элемента = место, где появляется игрок. Исключить / Заголовок / URL-адреса уточняют совпадение.
Неограниченное количество виджетов — Отдельные виджеты «Полная страница», «Кнопка» или «Круг» для записей блога, страниц услуг и макетов студии.
Неограниченное количество игроков на один виджет — Один опубликованный виджет может обеспечить работу всех соответствующих пользовательских HTML-элементов, разрешенных правилами рендеринга элементов и URL-адресов.
Пользовательский HTML / встраивание — На Wix крепление выглядит так: <div class="gsp_full_player"></div>В WordPress используется тот же принцип с помощью шорткодов, например: [gspeech].
Значения по умолчанию против расширенных настроек — Стандартные точки монтирования работают быстро. Для пользовательских разделов Wix требуются точные значения Content Selector / Render Element.
Игроки
Добавление игроков с помощью пользовательского HTML-кода Wix
Разместите любой из этих элементов там, где должен отображаться плеер на странице (пользовательский HTML / встраивание). Щелкните по карточке, чтобы скопировать ее. Затем настройте виджет. Рендеринг элемента в тот же класс.
В виджете Контент Вкладка, указательные селекторы на элементы форматированного текста и обертки разделов Wix, которые должны быть у посетителей — обычно это тексты блога, описания услуг и разделы «О нас».
CS
Селектор содержимого
Определяет Какой текст озвучен?Используйте CSS-селекторы, разделённые запятыми. Примеры разметки, аналогичной Wix:
.wix-rich-text,.blog-post-content,#my_id — несколько целей на одном поле.
родительский_класс — прочитать родительский контейнер монтирования (полезно, когда пользовательский HTML-код находится внутри текстового блока).
self_class — Прочитайте ту же самую обложку, в которой находится крепление.
Оставьте поле пустым, если используете Текст контента вместо этого (фиксированный текст, а не содержимое DOM).
RE
Рендеринг элемента
Определяет где внедряется пользовательский интерфейс игрокаОно должно соответствовать реальному элементу на странице Wix.
Для пользовательских HTML-монтирований установите класс монтирования: .gsp_full_player, .gsp_button_player или .gsp_circle_player.
Вы также можете выбирать контейнеры макета, например... телокласс раздела Wix или обертка для контента блога, если вы не используете выделенный монтированный ресурс.
Если параметр Content Selector указан правильно, но ничего не отображается, это обычно означает, что параметр Render Element на этой странице указан неверно или отсутствует.
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 (опционально)
Пример Б
Страница сервиса — монтируется внутри форматированного текста (parent_class)
Если пользовательский HTML-код находится внутри текстового раздела Wix на странице услуги, селектор содержимого может быть относительным:
Селектор содержимого - parent_class (читает родительский элемент крепления)
Рендеринг элемента - .gsp_full_player
Используйте self_class когда сам контейнер mount содержит текст, который должен быть озвучен.
Пример С
Страницы «О нас» и «Студия» с одним виджетом «Кнопка».
Место .gsp_button_player на страницах "О программе" и в повторяющихся макетах Studio. Виджет One Button Player с элементом рендеринга. .gsp_button_player Может обеспечить их работу. Добавляйте виджеты только в том случае, если необходимо использовать разные варианты ввода, селекторы или правила URL-адресов.
Публикуй и слушай — Установите статус на «Опубликовано», обновите страницу Wix в режиме реального времени и проверьте воспроизведение.
При изменении текста в блоге или на странице Wix функция Smart Audio Sync может автоматически восстанавливать озвучку в фоновом режиме. При этом по-прежнему используются поля сопоставления. , которые текст и в котором Игрок выживает.
FAQ
Часто задаваемые вопросы: Преобразование текста в речь и пользовательский код Wix
Поддерживает ли Wix преобразование текста в речь и голосовые команды ИИ с помощью GSpeech?
Да. GSpeech добавляет Wix преобразование текста в речь С естественными голосами, созданными с помощью ИИ, для блогов, бизнес-сайтов и страниц Wix Studio. Вы подключаетесь через пользовательский код, размещаете точки воспроизведения с помощью пользовательского HTML и управляете голосами в облачной консоли — без ключей API и обработки TTS на серверах Wix.
Как добавить проигрыватель GSpeech с помощью пользовательского кода Wix?
Скопируйте код подключения Wix из раздела «Интеграции» → «Wix» в вашей панели управления. Вставьте его. Настройки → Пользовательский код (или пользовательский HTML), чтобы он загружался раньше. Затем опубликуйте. Добавьте точку монтирования, например: <div class="gsp_full_player"></div> на страницах блога или сервиса и установите для параметра Render Element тот же класс.
Что такое Content Selector и Render Element в Wix?
Селектор содержимого говорит GSpeech какой текст Wix следует озвучить — например .wix-rich-text или текст сообщения в блоге. Рендеринг элемента Указывает, где отображать плеер — обычно это ваш пользовательский HTML-класс монтирования. Если текст аудио неверен, исправьте селектор содержимого. Если плеер отсутствует, исправьте элемент рендеринга.
Замедлит ли использование аудиофункции GSpeech работу моего сайта на Wix?
Нет. Аудио генерируется и кэшируется в GSpeech Облачное хранилище, а не хостинг Wix. Скрипт подключения легковесный, и плееры загружаются только там, где вы их разместили. Записи блога и бизнес-страницы работают с обычной производительностью Wix, а посетители могут слушать музыку по запросу.
Нужны ли мне API-ключи для озвучивания текста с помощью Wix AI?
№ GSpeech is API-ключи не требуются Для Wix. Вы входите в облачную консоль, вставляете пользовательский код, настраиваете виджеты и публикуете. Голоса, языки и плееры управляются в одном месте без использования сторонних TTS-клавиш на вашем сайте Wix.
Помощь
Нужна помощь в поиске селекторов для макета Wix или встраивания пользовательского кода?
Обратитесь в службу поддержки GSpeechОтправьте URL страницы, и мы поможем сопоставить селектор контента / элемент рендеринга.
