Автономный плеер с текстовым содержимым

Автономный плеер с текстовым содержимым — аудио в демонстрационном стиле без текста на странице.

A автономный плеер Это виджет Full / Button / Circle, который озвучивает текст, сохраненный в облачной консоли, а не текст, скопированный со страницы в режиме реального времени. Селектор содержимого пусто, наполнить Текст контента, поддерживать нормальный Рендеринг элемента Разместите плеер на странице. Страница может быть практически пустой вокруг плеера (как в демоверсиях): посетители видят интерфейс плеера; озвученный текст находится в виджете.

  • Почему это полезно? — демонстрационные страницы, киоски, рекламные слоганы или любые другие страницы, где не следует озвучивать окружающий DOM.
  • Селектор содержимого — Оставьте поле пустым, если источником аудио является текстовый контент.
  • Текст контента — Точный текст, который произносит игрок (заменяет текст страницы, заданный с помощью селектора).
  • Рендеринг элемента — по-прежнему требуется для кнопок Full / Button / Circle, чтобы у игрока на странице отображалось транспортное средство.

Открыть облачную консоль Вызов пользовательского виджета (HTML) Все инструкции

Что означает «автономный» в GSpeech?

Большинство игроков озвучивают то, что находится в разделе «Выбор контента» на странице с игровым процессом. В автономном режиме ситуация обратная: сценарий озвучивания создается непосредственно в виджете. Текст контента поле. Для работы аудио на странице требуется только скрипт подключения и монтирование для элемента Chrome проигрывателя — для воспроизведения аудио не требуется содержимое статьи.

  • Селектор содержимого пуст — В пользовательском интерфейсе виджета указано, что при использовании текстового содержимого это поле следует оставлять пустым. Это указание сделано намеренно.
  • Содержимое Текст заполнен — Эта строка становится аудиоконтентом (тем же полем, которое используется в приветственном сообщении).
  • Крепление по-прежнему требуется — Полноразмерные элементы / Кнопки / Круглые элементы по-прежнему внедряются в элемент отрисовки; текстовое содержимое не устраняет необходимости в его размещении на странице.
  • Демо-эффект — Даже на практически пустой HTML-странице с одним монтированием можно воспроизвести полный скрипт, хранящийся в консоли.

Автономное полноэкранное/кнопочное/круговое окно против приветственного сообщения

  • Автономный Полный / Кнопка / Круг — посетитель нажимает (или использует) обычный проигрыватель; скрипт берется из Content Text; вы управляете размещением монтирования и внешним видом проигрывателя.
  • Приветственное сообщение — Короткий виджет приветствия; также использует текстовый контент, но это другой тип виджета (ориентированный на приветствие/автовоспроизведение), а не полноценная панель прослушивания. См. Инструкция по созданию приветственного сообщения.
  • Обычный плеер страницы — Селектор содержимого указывает на DOM; текст содержимого остается неиспользованным (или используется только в качестве запасного варианта, если селектор ничего не находит).

Практическое правило: Если вам нужен демонстрационный плеер без окружающего текста, используйте «Полный / Кнопка / Круг» + пустой селектор содержимого + текст содержимого — а не «Чтение нескольких страниц». self_class.

Как создать автономный текстовый проигрыватель контента

  1. Убедитесь, что сайт скрипт подключения работает (встраивание в HTML-код веб-сайта или интеграция с вашей CMS). См. руководство по HTML or вызвать пользовательский виджет.
  2. Создайте или откройте Полный / Кнопка / Круг виджет в Облачная Консоль.
  3. Добавьте на страницу пустой монтированный элемент, например: <div class="gsp_full_player"></div> или ваш собственный класс — то же самое, что и при любом пользовательском вызове.
  4. Поставьте Рендеринг элемента к этому селектору крепления (например) .gsp_full_player).
  5. Очистить селектор содержимого — Оставьте поле пустым. Не уходите. parent_class / self_class Если вам нужен только текстовый контент.
  6. Открыто Текст контента и вставьте полный текст сценария, который должны услышать посетители. Сохраните.
  7. Необязательно: разрешенные/заблокированные URL-адреса, чтобы этот автономный виджет работал только по демонстрационному/целевому URL-адресу.
  8. Поставьте опубликованныйСохраните страницу, затем выполните принудительную перезагрузку. Воспроизведите плеер — вы должны услышать текстовое содержимое, даже если тело страницы пустое.

Минималистичный HTML — только плеер

Это демонстрационный вариант: соединение + монтирование, практически без текста. Произносимый текст полностью размещается в поле «Текст содержимого» виджета.

  • HTML - пустой <div class="gsp_full_player"></div> + скрипт подключения перед </body>.
  • Виджет — Отображение элемента .gsp_full_player; Селектор содержимого пуст; Текст содержимого = ваш скрипт; Опубликовано.
  • Дополнительный заголовок — Заголовочный текст по-прежнему обозначает пользовательский интерфейс плеера; он отделен от основного текста.

Скелет:

<div class="gsp_full_player"></div>
<!-- GSpeech connection script from Integrations -->

Тот же принцип работает и с .gsp_button_player / .gsp_circle_player или любой пользовательский класс монтирования — при условии, что элемент рендеринга совпадает.

Обеспечьте чистоту автономного аудио.

  • Не смешивайте режимы случайно. — Если Content Selector по-прежнему указывает на узел DOM (даже на несколько фрагментов с запятыми), то при его обнаружении приоритет будет отдаваться тексту страницы; для чистого Content Text необходимо очистить селектор.
  • Редактируйте скрипт в консоли. — Измените текст содержимого и сохраните; для того, чтобы услышать новую строку, выполните принудительную перезагрузку демонстрационной страницы.
  • Голос по-прежнему глобальный или пользовательский — Текст содержимого не задает определенный стиль; наследуйте настройки веб-сайта или переопределите их в виджете. См. Глобальные настройки против пользовательских.
  • Персонажи — Длинный текстовый контент по-прежнему учитывается при использовании аудиофайлов; сосредоточьтесь на демонстрационных роликах.
  • Область действия URL — Закрепите виджет на одном демонстрационном пути с помощью параметра «Разрешенные URL-адреса», чтобы он не заменял проигрыватели статей на всем сайте.

Часто задаваемые вопросы по отдельному контенту (текст)

  • Я заполнил поле «Текст содержимого», но плеер всё равно читает страницу.

    Селектор содержимого по-прежнему установлен. Полностью очистите его (оставьте поле пустым), сохраните и выполните принудительную перезагрузку. Когда селектор найдет текст, этот текст будет использоваться вместо текста содержимого.
  • Нужен ли мне по-прежнему элемент монтирования/рендеринга?

    Да, для полного отображения / кнопки / круга. Текстовое содержимое заменяет только произносимый текст, а не область отображения интерфейса игрока. Без соответствующего ездового животного ничего не отображается.
  • Это то же самое, что и приветственное сообщение?

    Оба варианта используют текстовое содержимое для озвучивания, но «Приветственное сообщение» — это виджет приветствия. Под «автономным» здесь подразумевается обычный полноэкранный/кнопочный/круговой проигрыватель, управляемый текстовым содержимым с пустым селектором содержимого.
  • Можно ли использовать в WordPress и отдельный текстовый контент?

    Да. Разместите шорткод или пользовательский HTML-код, очистите селектор контента для этого виджета, заполните текст контента и опубликуйте. Виджеты шорткодов по умолчанию обычно сохраняют parent_class — используйте отдельный виджет для автономного использования, чтобы не нарушать отображение текста в других местах.
Документы и руководства