Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Аудіо | Зображення та Медіа
Основи HTML
course content

Зміст курсу

Основи HTML

Основи HTML

1. Розуміння Вебу та HTML
2. Основи HTML
3. Зображення та Медіа
4. Таблиці та Форми
5. Розширений HTML

bookАудіо

У HTML ми можемо вбудовувати аудіо та відео контент безпосередньо на веб-сторінки за допомогою тегів <audio> та <video>, відповідно. Давайте спочатку обговоримо вбудовування аудіо:

Вбудовування аудіо

Тег <audio> вбудовує аудіо контент у HTML документ. Він дозволяє відтворювати аудіо файли безпосередньо в браузері.

Атрибути аудіо

  • controls: Додає стандартні елементи керування аудіо, такі як відтворення, пауза та регулювання гучності, до плеєра;
  • autoplay: Вказує, чи повинно аудіо почати відтворюватися автоматично при завантаженні сторінки;
  • loop: Вказує, чи повинно аудіо відтворюватися безперервно.

Приклад:

Ви могли помітити, що ми лише вказали характеристики аудіо плеєра, але не згадали звідки надходить аудіо. Нам потрібен тег <source>.

Джерело

Тег <source> використовується всередині тега <audio> для вказівки URL аудіофайлу та його атрибутів. Ми можемо використовувати атрибут src для вказівки URL аудіофайлу та атрибут type для вказівки MIME-типу аудіофайлу.
Приклад:

У наведеному вище прикладі:

  • Тег <audio> включає атрибути, такі як controls, autoplay та loop;
  • Теги <source> вказують URL джерел аудіофайлів та їх MIME-типи;
  • Якщо браузер не підтримує тег <audio> або вказані аудіоформати, відображається альтернативний текст Your browser does not support the audio element.
html

index

css

index

js

index

copy

Відео урок

1. Який тег використовується для вбудовування аудіо контенту в HTML документ?
2. Чому рекомендується надавати аудіо у декількох форматах?
Який тег використовується для вбудовування аудіо контенту в HTML документ?

Який тег використовується для вбудовування аудіо контенту в HTML документ?

Виберіть правильну відповідь

Чому рекомендується надавати аудіо у декількох форматах?

Чому рекомендується надавати аудіо у декількох форматах?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 3
some-alt