Стварыце поўны прайгравальнік

Стварыць паўнавартасны прайгравальнік — панэль пераўтварэння тэксту ў маўленне на ўсю старонку

,en Поўны прайгравальнік — гэта класічная панэль праслухоўвання для артыкулаў, паведамленняў і доўгіх старонак. Наведвальнікі прайграваюць натуральны гук са штучным інтэлектам падчас чытання — на базе GSpeech Генерацыя аўдыё ў воблаку з разумным кэшаваннем, каб сінтэз не трапляў на ваш сервер пры кожным наведванні.

Вы ствараеце віджэт у Cloud Console, мапу Выбар змесціва (што чытаць) і Элемент візуалізацыі (дзе з'яўляецца гулец), затым размясціце мацаванне, напрыклад, <div class="gsp_full_player"></div> калі вы выкарыстоўваеце карыстальніцкі HTML.

  • Поўнастаронкавы інтэрфейс праслухоўвання — ідэальна падыходзіць для блогаў, дакументацыі і маркетынгавых старонак доўгага фармату.
  • Адлюстраванне селектара — мэтавыя тэксты артыкулаў і прапусканне меню або бакавых панэляў.
  • Ключы API не патрабуюцца — налады голасу і прайгравальніка застаюцца ў кансолі.

Адкрыць воблачную кансоль Прайгравальнік кнопак Жывыя дэманстрацыі

GSpeech стварыць поўнастаронкавы прайгравальнік
Паўнастаронкавы прайгравальнік — платная версія з магчымасцю перакладу

Як стварыць паўнавартаснага прайгравальніка

  1. Увайсці (Або стварыць бясплатную ўліковы запіс).
  2. адкрыты прыборнай панэлі і абярыце свой вэб-сайт (гл. стварыць сайт).
  3. З левага меню: фішкі → Дадаць новы віджэт.
  4. Увядзіце загаловак (толькі для панэлі кіравання).
  5. Устанавіць тып Поўны прайгравальнік → Ствараць.
  6. адкрыць змест ўкладкі.
  7. Усталёўка Выбар змесціва да элементаў, тэкст якіх трэба прачытаць. Выкарыстоўвайце # для ідэнтыфікатара, . для класа; збірайце часткі з коскамі (напрыклад, #intro,.post-body). Дадаткова: спіс выключэнняў з такім жа сінтаксісам.
  8. Усталёўка Элемент візуалізацыі да элемента, які павінен утрымліваць гульца (часта .gsp_full_player — першая кропка азначае «клас»).
  9. Дадаткова: усталяваць Тэкст загалоўка or Выбар загалоўка для галавой гульца.
  10. націсніце захаваць, усталюйце статус на «Апублікавана», абнавіце апублікаваную старонку.

Патрэбна дапамога ў пошуку селектараў? Памятаеце id → #, class → . — поўнае кіраўніцтва для пачаткоўцаў: Значэнні HTML. Ці Звяжыцеся з наміГолас і большасць опцый прайгравальніка па змаўчанні Выкарыстоўвайце Global з налад вэб-сайта — Глабальныя супраць карыстальніцкіх налад.

Код мантавання

Устаўце гэтае мацаванне туды, дзе павінен з'явіцца поўны гулец, а затым супастаўце элемент рэндэрынгу з тым жа класам:

  • Поўнастаронкавы прайгравальнік: <div class="gsp_full_player"></div>

Поўны спіс часта задаваных пытанняў гульца

  • Селектар кантэнту супраць элемента рэндэрынгу?

    Выбар змесціва = які тэкст агучваецца (адна абгортка ці некалькі, падзеленых коскамі; # = ідэнтыфікатар, . = клас). Элемент візуалізацыі = месца, куды ўстаўляецца інтэрфейс прайгравальніка. Няправільны аўдыё → выпраўце селектар кантэнту (або спіс выключэнняў). Адсутнічае прайгравальнік → выпраўце элемент рэндэрынгу.
  • Калі варта выкарыстоўваць Full замест Button?

    Выкарыстоўвайце поўны прайгравальнік для доўгіх артыкулаў, дзе спецыяльная панэль праслухоўвання выглядае натуральна. Выкарыстоўвайце кнопачны прайгравальнік, калі вам патрэбны кампактны элемент кіравання ў больш шчыльнай кампаноўцы.
Дакументы і кіраўніцтва