Вивчайте Вбудовування Аудіофайлів у HTML

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

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

Тег <audio> відображає аудіоплеєр у браузері.

Корисні атрибути аудіо

controls: відображає елементи керування (відтворення, пауза, гучність тощо);
autoplay: автоматичний початок відтворення;
loop: безперервне повторення аудіо

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Додавання джерела аудіо

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

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

<audio> визначає плеєр та його поведінку;
<source> надає URL-адреси та формати аудіофайлів;
Текст для заміщення з'являється, якщо браузер не може відтворити аудіо.

index.html

Примітка

Поширені аудіоформати: MP3, Ogg, WAV. Використання декількох форматів підвищує сумісність із браузерами.

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

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

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

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

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

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.86

Свайпніть щоб показати меню