westudy 2.0

Тарифи
Кейси

Аудіо ElevenLabs — щоб слухати матеріал в уроці

Доповніть навчальний текст аудіоверсією. Додайте плеєр Audio Native поруч із конспектом або завданням на слухання.

Пояснення, готовий матеріал і завдання — в одному уроці WeStudy.

ДЛЯ ВАШОГО УРОКУ

Коли доречно

Коли до теми потрібне озвучення або аудіопрактика.

Що побачить учень

Аудіоплеєр ElevenLabs Audio Native.

Що підготувати

Матеріал Audio Native та код аудіоплеєра.

Перед публікацією

Використовуйте код Audio Native: розмовний агент — інший продукт.

МОЖЛИВОСТІ

Що можна вбудувати з ElevenLabs Audio Native

Аудіоплеєр Audio Native. Матеріал залишається на сторонньому сервісі, а WeStudy показує його в межах уроку.

Ця сторінка стосується Audio Native. Віджет розмовного агента ElevenLabs — інший продукт і може потребувати JavaScript. Не підміняйте ним код аудіоплеєра.

Коли обрати цей спосіб

Коли ви вже створюєте матеріали в ElevenLabs Audio Native і хочете зберегти їхній власний інтерфейс. Пояснення завдання та критерії оцінювання розмістіть у WeStudy, щоб навчальний маршрут залишався зрозумілим.

АВТОРСЬКА ІДЕЯ ДЛЯ УРОКУ

Як використати ElevenLabs Audio Native у навчанні

Озвучте власний абзац про активне слухання й розмістіть текст поруч із плеєром. Завдання: прослухати, виділити головну думку та сформулювати одне уточнювальне запитання. Перевірте наголоси й вимову термінів до публікації.

Як перевірити навчальний результат

Попросіть учня подати коротку відповідь або власну роботу в завданні WeStudy. Оцінюйте пояснення рішення та застосування матеріалу, а не лише факт відкриття вікна.

На скриншоті — Audio Native — приклад із документації ElevenLabs. Сценарій уроку вище є методичною пропозицією WeStudy, а не описом усіх екранів цього демо.

ВИГЛЯД МАТЕРІАЛУ

Інтерфейс ElevenLabs Audio Native та iframe-код

Аудіоплеєр відобразився, відтворення дійшло до 00:13 із 04:56. Повний аудіозапис у межах цього тесту не прослуховувався. Реальний скриншот тестового редактора WeStudy.

ПЕРЕВІРЕНИЙ ПРИКЛАД

Посилання та код iframe

Audio Native — приклад із документації ElevenLabs

<iframe
  src="https://elevenlabs.io/player/index.html?publicUserId=4d7f6f3d38ae27705f5b516ffd3e413a09baa48667073d385e5be1be773eaf69&amp;projectId=gLj1spzTwuTgKuOtyfnX&amp;small=true&amp;textColor=rgba(0,%200,%200,%201)&amp;backgroundColor=rgba(255,%20255,%20255,%201)"
  width="100%"
  height="100%"
  title="Audio Native — приклад із документації ElevenLabs"
  allowfullscreen
></iframe>

Аудіоплеєр відобразився, відтворення дійшло до 00:13 із 04:56. Повний аудіозапис у межах цього тесту не прослуховувався. Цей код відкриває матеріал зі скриншота. Вміст і доступність зовнішнього прикладу контролює його автор.

Звідки брати адресу iframe. У коді, який видає сервіс, знайдіть атрибут src: його значення — адреса вбудованого матеріалу. У WeStudy вставляйте весь код, зберігаючи параметри та дозволи постачальника.

ПОКРОКОВА ІНСТРУКЦІЯ

Як додати ElevenLabs Audio Native у WeStudy

1. Отримайте код у ElevenLabs Audio Native

  1. Відкрийте Audio Native і підготуйте матеріал.

  2. Налаштуйте доступ та список дозволених сайтів.

  3. Отримайте код iframe-плеєра для цього матеріалу.

2. Вставте iframe в матеріал курсу

На скриншоті вище показано саме ElevenLabs Audio Native: меню курсу ліворуч, матеріал посередині та поле iframe праворуч.

  1. У розділі «Курси» відкрийте курс і редактор його змісту. Оберіть модуль та натисніть «+ Додати матеріал».

  2. Перейдіть у «iFrame та Інтеграції» та оберіть тип матеріалу «iFrame».

  3. У «Загальні налаштування» додайте назву, короткий опис і зображення. Наприклад, назвіть матеріал «ElevenLabs Audio Native — практика» та поясніть завдання студентам.

  4. У розділі «iFrame» вставте повний код вбудовування ElevenLabs Audio Native у поле «Вставте html код iframe елемента». Потрібен HTML-код iframe, а не звичайне посилання на сайт. Беріть його лише з надійного HTTPS-ресурсу, який дозволяє вбудовування.

3. Перевірте з боку студента

  • Відкрийте опублікований урок з учнівськими правами: матеріал має бути доступним без сесії автора.
  • Пройдіть основну дію: перегорніть слайд, запустіть плеєр або виконайте вправу.
  • Перевірте телефон: читабельність, прокручування та доступ до кнопок.
  • Переконайтеся, що учень бачить інструкцію до завдання й розуміє, куди подати відповідь.

Обмеження ElevenLabs Audio Native та доступ

Ця сторінка стосується Audio Native. Віджет розмовного агента ElevenLabs — інший продукт і може потребувати JavaScript. Не підміняйте ним код аудіоплеєра.

Ліцензія стороннього сервісу не входить автоматично до тарифу WeStudy. Перевірте публікацію матеріалу, доступні режими й умови свого акаунта до запуску курсу.

Якщо iframe не відкривається

Запитується вхід

Перевірте доступ саме до матеріалу, а не лише до сторінки автора. Закрите джерело залишається закритим усередині iframe.

Порожнє вікно або заборона вбудовування

Повторно скопіюйте офіційний код. Якщо сервіс має список дозволених доменів, додайте фактичний домен школи. Не підміняйте адресу редактором.

Матеріал перестав працювати

Перевірте, чи не вимкнено публікацію, чи не завершився строк посилання та чи залишився доступ на потрібному тарифі.

Не видно нижніх кнопок

Збільште висоту iframe у налаштуваннях, які дозволяє постачальник, і перевірте результат на вузькому екрані.

Запитання про ElevenLabs Audio Native у WeStudy

Джерела та актуальність

Редакція WeStudy · Перевірка прикладу: 6 жовтня 2026.

Аудіоплеєр відобразився, відтворення дійшло до 00:13 із 04:56. Повний аудіозапис у межах цього тесту не прослуховувався. Перевірка відображення проведена у тестовому редакторі WeStudy. Перед запуском перевірте доступ із правами студента та вигляд на телефоні.

Що ще додати до курсу

Coursebox

Опис і програма курсу в iframe; доступ до уроків може потребувати входу.

Mindsmith

Інтерактивний урок із публічним доступом.

Mini Course Generator

Мінікурс або колекція навчальних карток.

●  ВАШ НАСТУПНИЙ КРОК

Спробуйте WeStudy
безкоштовно

Від першої ідеї до власної онлайн-школи. Створюйте, навчайте та розвивайте свій проєкт разом із WeStudy.

30

днів безкоштовно

Доступ до всіх функцій безкоштовно на 30 днів