Вбудовування Аудіофайлів у 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-адреси та формати аудіофайлів;
• Текст для заміщення з'являється, якщо браузер не може відтворити аудіо.