GSpeech TTS — Руководство по внедрению

Введение

GSpeech — ведущий современный плагин преобразования текста в речь WordPress, который использует Технология Google для создания лучшее аудио и работает на всех устройствах и браузерах! С участием 65+ доступных языков ваш сайт будет доступен большая аудитория по всему миру. Коммерческие версии этого бесплатного плагина WordPress для преобразования текста в речь используют Лучшие человеческие голоса ИИ, чтобы сделать просмотр вашего контента еще удобнее и лучше обслуживать клиентов. Добавление функций преобразования текста в речь повысит эффективность вашего сайта. Рейтинг SEO и увеличить трафик и продажи.

Благодарим вас за интерес к GSpeech TTS — плагину преобразования текста в речь WordPress. В этом руководстве мы расскажем вам, как установить и использовать плагин на вашем веб-сайте.

Скачать

📚 Установка

Сначала войдите в свою панель управления WordPress и нажмите «Плагины->Добавить новый плагин»:

Найдите «GSpeech» в консоли поиска в правом верхнем углу. Теперь вы увидите плагин GSpeech ниже. Нажмите кнопку «Установить сейчас»:

И кнопка изменится на «Активировать». Нажмите на нее и дождитесь обратной связи от WordPress.
Также вы можете Скачать пакет и загрузите его вручную.
Теперь вы увидите меню «GSpeech» на левой панели меню:

📚 Настройка плагина - GSpeech Cloud Console

GSpeech Cloud Console — последнее поколение нашего продукта, позволяющее использовать лучшие голоса AI, в режиме реального времени переводить аудиоконтент на 65+ языков. Поддерживает несколько типов плееров:

• Полностраничный проигрыватель
• Кнопка плеера
• Круговой игрок
• Проигрыватель чтения выделенного текста (RHT)
• Приветственные сообщения

Вы можете проверить их на демонстрационная страница.

📚 Активация

Чтобы использовать его, вам необходимо активировать Cloud Console.
Пожалуйста, перейдите в «GSpeech->Cloud Console». Выберите язык сайта по умолчанию, пароль и нажмите «Активировать»:

Если вы уже зарегистрированы на gspeech.io, то вместо Активации нажмите Войти. После входа кнопка активации будет включена:

📚 Настройки облака

После активации вы будете перенаправлены на страницу настроек. Основные настройки разделены на несколько вкладок.

Закладка: Здесь вы управляете основными настройками:

• Язык - Основной язык вашего сайта. Оно будет использоваться как значение по умолчанию для всех аудио-виджетов.
• План - По умолчанию вы используете бесплатный план. Переход на коммерческие планы осуществляется здесь, в один клик.
• Статус - Опубликовано, Неопубликовано.
• Affiliate - Станьте партнером и получите 15% комиссии. Он показывает небольшую ссылку в плеере с вашим специальным ключом в нем. Вы можете видеть продажи с вашим ключом на панели управления.
  Таким образом, вы также помогаете сделать продукт более популярным.
• отложенной загрузки - Если включено, GSpeech вообще не влияет на время загрузки страницы.
• Перезагрузить сеанс – Включите эту опцию, чтобы обновлять токены аутентификации при повторной активации облачной консоли.
• Автоматическое включение - Автоматически включить плеер!
• Показать на главной странице - Показать плеер на главной странице.
• Читать заголовки - Включите текст заголовка в начало аудио.
• Многоязычный веб-сайт - Автоматически определяет текущий язык сайта и загружает соответствующие данные.
• Подать Типы - На каких типах постов отображаются игроки.
• Категории - В каких категориях показывать игроков.
• Режимы - Голос по умолчанию. Он используется как значение по умолчанию для всех аудио-виджетов.
• Скорость голоса - Доступно только для голосов AI.
• Высота голоса - Доступно только для голосов AI.
• Голосовая панель - Показывает голосовую панель в плеерах и дает пользователям возможность выбрать желаемый голос.
• Исключить контент - Используйте значения CSS, чтобы исключить содержимое некоторых элементов из аудио. При доступе к элементу через id используйте # и точку (.) при использовании с классом. Разделяйте несколько значений запятой (,).
  Пример: #some_id,.some_class
• Разрешенные URL-адреса - Список URL-адресов, где должен отображаться плеер. Размещайте по одному URL-адресу в строке. Используйте звездочку (*) для соответствия любому символу.
  Пример: https://yourdomain.io/blog/*
• Заблокированные URL-адреса - Список URL-адресов, где НЕ должен отображаться плеер. Размещайте по одному URL-адресу в строке. Используйте звездочку (*) для соответствия любому символу.
  Пример: https://yourdomain.io/blog/*
• Перевод на лету - Включите этот параметр, если ваш сайт использует метод перевода на лету. Эта опция позволяет дождаться готовности перевода и применить проигрыватель к переведенному контенту.
  Примечание: Вам также следует включить опцию «Многоязычность».

Вкладка игрока: Здесь вы управляете настройками плеера:

• Появление анимации - Как должен выглядеть игрок.
• Панель скорости - Показывает контроль скорости.
• Панель громкости - Показывает регулятор громкости.
• Текстовая панель - Открывает текстовую панель и выделяет часть текста, выделенную красным.
• Панель загрузки - Показывает значок загрузки в плеере для загрузки mp3-файла.
• Количество игр - Показывает количество сыгранных определенным игроком.

Вкладка «Перевод»: здесь вы указываете список языков и голосов для каждого языка. В плеере отображается значок глобуса, который открывает список языков.

Пользовательский код: здесь вы можете написать собственный CSS или JavaScript.

Псевдонимов: Например, вам нужно, чтобы ИИ воспринимался как искусственный интеллект. Просто добавьте строку: ай:искусственный интеллект.

Теперь давайте познакомим вас с разными типами игроков! Управление ими осуществляется через аудио-виджеты. У каждого игрока есть свой виджет.

📚 Плеер RHT (чтение выделенного текста)

Проигрыватель чтения выделенного текста (RHT) позволяет пользователям прослушивать любой выделенный текст на сайте. Это очень хорошая функция доступности для любого веб-сайта!

Для управления им перейдите в «Виджеты->RHT Player»:

Там вы увидите список всех опций, разделенных вкладками.

Закладка: здесь вы управляете общей конфигурацией.

• Название - название виджета. Используется только на приборной панели.
• Статус - Опубликовано, Неопубликовано.
• Использовать собственный язык/голос? - Если отключено, используются глобальные значения, указанные в разделе «Настройки». Здесь вы можете использовать собственные значения.
• Несколько голосов - Показывает голосовую панель в плеере и дает возможность выбирать разные голоса.

Вкладка Content: здесь вы управляете конфигурацией контента.

• Текст заголовка - Название игрока, которое видно при наведении на него курсора.
• Разрешенные URL-адреса - Укажите адреса, где этот игрок должен быть активен. По умолчанию он активен на всех страницах. Вы можете вставить один URL в каждую строку. Вы можете использовать звездочку для соответствия любому символу. Например, вам нужно, чтобы он был активен на всех страницах блога, вы можете написать https://example.com/blog/* .
• Заблокированные URL-адреса - Укажите адреса, где должен быть спрятан этот плеер.

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

Вкладка «Тексты»: Управление всеми текстами в плеере:

Дизайн вкладки: Управляйте внешним видом плеера с помощью предварительного просмотра в реальном времени:

• предварительный просмотр - В режиме реального времени увидеть внешний вид игрока.
• шаблон - Выберите одну из 16 красивых цветовых схем.
• Блок-представление - Вид игрока RHT. В представлении 2 и представлении 3 развернуты панели «Язык» и «Текст».
• Положение значка - Лево право. Положение значка TTS, информирующее об активной услуге TTS на сайте.
• Верхнее смещение - Смещение этого значка.
• Показать баннер - Показать/скрыть баннер с иллюстрацией TTS, который сообщает, как пользователи могут его использовать.
• Позиция баннера - Где показывать баннер.
• Событие закрытия баннера - Показать баннер в любое время или скрыть во время сеанса.

Псевдонимов: То же, что и для псевдонимов облачных настроек, но только для этого проигрывателя.

📚 Полностраничный проигрыватель

GSpeech Full Page Player — это полноразмерный аудиоплеер с мощными функциями:

📚 Полностраничный проигрыватель — шорткод

Чтобы вставить полностраничный проигрыватель в любое место контента, используйте [гспич] Короткий код.
Чтобы управлять полностраничным проигрывателем, вставленным с помощью шорткода, перейдите в «Виджеты->Полностраничный проигрыватель — шорткод»:

Откроется все параметры, разделенные вкладками.

Закладка: здесь вы управляете общей конфигурацией.

• Название - название виджета. Используется только на приборной панели.
• Короткий код - Шорткод для вставки в любое место контента.
• Пользовательский HTML-код - Также можно вставить через HTML.
• Статус - Опубликовано, Неопубликовано.
• Использовать собственный язык/голос? - Если отключено, используются глобальные значения, указанные в разделе «Настройки». Здесь вы можете использовать собственные значения.
• Несколько голосов - Показывает голосовую панель в плеере и дает возможность выбирать разные голоса.

Вкладка Content: здесь вы управляете конфигурацией контента.

• Селектор содержимого - Укажите значения HTML-элементов, содержимое которых должно быть включено в аудио. Отдельно от запятой(,).
  Пример: статья,раздел,#my_id,.my_class.
  Используйте родительский_класс, что является значением по умолчанию, чтобы получить содержимое родительского элемента, куда он вставлен.
• Рендеринг элемента - Должен быть .gsp_full_player для этого аудио виджета.
• Позиция рендеринга - Не требуется для короткого кода.
• Исключить список - Укажите HTML-значения элементов, которые не следует читать. Отдельно от запятой(,). Пример: #element_id,.element_class.
• Выбор названия - Если вам нужно, чтобы название плеера было заголовком вашей статьи, укажите здесь его значение HTML. Пример: h1. Оставьте его пустым, если используете Текст заголовка.
• Текст заголовка - Звание игрока.
• Текст контента - если вы хотите, чтобы этот плеер читал только определенный контент, укажите это здесь.
• Разрешенные URL-адреса - Не требуется для короткого кода.
• Заблокированные URL-адреса - Не требуется для короткого кода.

Вкладка игрока: здесь вы управляете конфигурацией плеера. Это то же самое, что и на вкладке «Проигрыватель» в настройках облака, но дает вам возможность использовать собственные значения.

• Автозагрузка - Автоматически генерирует звук после загрузки страницы без нажатия кнопки воспроизведения. Следует использовать с осторожностью, поскольку это может привести к использованию большого количества символов.

Вкладка «Тексты»: Управление всеми текстами в плеере:

Дизайн вкладки: Управление внешним видом игрока:

• предварительный просмотр - В режиме реального времени увидеть внешний вид игрока.
• шаблон - Выберите одну из 16 красивых цветовых схем.
• Фоновая тема - Стиль фона плеера.
• Ширина - Ширина плеера. Может быть в процентах или пикселях.
• Поле – верхнее/нижнее - Верхнее и нижнее поле плеера.

Псевдонимов: То же, что и для псевдонимов облачных настроек, но только для этого проигрывателя.

📚 Полностраничный проигрыватель — многостраничный

Этот аудиовиджет можно использовать для автоматического отображения плеера на нескольких страницах.
Для управления полностраничным проигрывателем - многостраничным виджетом перейдите в «Виджеты->Многостраничный(Полностраничный проигрыватель)»:

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

• Статус - Чтобы активировать его, установите значение «Опубликовано».

Вкладка «Содержимое»:

• Селектор содержимого - Укажите значения HTML-элементов, содержимое которых должно быть включено в аудио. Отдельно от запятой(,).
  Пример: статья,раздел,#my_id,.my_class.
  Используйте self_class, которое является значением по умолчанию, чтобы получить содержимое элемента, в который он вставлен.
• Рендеринг элемента - По умолчанию имеет значение: .entry-content,.post-content,.post_content,.post,.blog,.blog-body,.content,.section,article . Если в вашем контенте используется специальное имя класса, разместите его здесь.
• Позиция рендеринга - После или до содержания.
• Исключить список - Укажите HTML-значения элементов, которые не следует читать. Отдельно от запятой(,). Пример: #element_id,.element_class.
• Выбор названия - Если вам нужно, чтобы название плеера было заголовком вашей статьи, укажите здесь его значение HTML. Пример: h1. Оставьте его пустым, если используете Текст заголовка.
• Текст заголовка - Звание игрока.
• Текст контента - если вы хотите, чтобы этот плеер читал только определенный контент, укажите это здесь.
• Разрешенные URL-адреса - Укажите адреса, где этот игрок должен быть активен. По умолчанию он активен на всех страницах. Вы можете вставить один URL в каждую строку. Вы можете использовать звездочку для соответствия любому символу. Например, вам нужно, чтобы он был активен на всех страницах блога, вы можете написать https://example.com/blog/* .
• Заблокированные URL-адреса - Укажите адреса, где должен быть спрятан этот плеер. Если вы хотите скрыть его на главной странице, разместите здесь URL-адрес домашней страницы.

Остальные параметры вкладок такие же, как и для Полностраничный проигрыватель — короткий код, поэтому проверьте раздел выше.

📚 Кнопка проигрывателя

GSpeech Button Player — это аудиоплеер в виде кнопок с мощной панелью параметров, которая открывается щелчком значка точек:

Чтобы вставить Button Player в любое место контента, используйте [кнопка gspeech] Короткий код.
Чтобы управлять проигрывателем кнопок, вставленным с помощью шорткода, перейдите в «Виджеты->Проигрыватель кнопок — шорткод»:

Откроется все параметры, разделенные вкладками.
Структура здесь такая же, как и для Полностраничный проигрыватель — короткий код, поэтому, пожалуйста, проверьте раздел выше.
Разница заключается во вкладке «Дизайн», где вы управляете цветовой схемой Button Player.
Вкладка «Дизайн»:

• предварительный просмотр - В режиме реального времени увидеть внешний вид игрока.
• шаблон - Выберите одну из 16 красивых цветовых схем.
• Ширина - Ширина плеера. Может быть в процентах или пикселях.
• Поле – верхнее/нижнее - Верхнее и нижнее поле плеера.

Остальные варианты такие же, как и для Полностраничный проигрыватель — короткий код, поэтому, пожалуйста, проверьте раздел выше.

📚 Круговой плеер имеет такие же настройки, как и кнопочный плеер

📚 Режим GSpeech 2.X

При использовании в режиме 2.X значок динамика будет отображаться, как только пользователь выделит любой текст на сайте.

Чтобы использовать режим 2.X, перейдите в GSpeech->GSpeech 2.X.
Установите для параметра «Использовать версию 2.X» значение «Да», выберите язык веб-сайта по умолчанию и нажмите «Сохранить»:

Для настройки стилей перейдите на вкладку «Стили». Вы можете выбрать один из более чем 50 значков динамиков и настроить там все цвета. Плеер по умолчанию использует «Стиль 2»:

Если у вас возникли проблемы, просто напишите нам.