Code HTML Audio

 Бесплатный курс по HTML. Зарегистрируйтесь для отслеживания прогресса →

HTML: Аудио

• Тег <source>

Ранее, для добавления аудио на HTML-страницу, необходимо было пользоваться специальными «расширениями», которые давали возможность встраивать на страницу аудио-плеер. Начиная со стандарта HTML5, данная возможность есть по умолчанию. Она реализуется с помощью тега <audio>.

Данный тег является парным и в самом простом случае выглядит так:

<audio src="путь_к_аудио-файлу" controls></audio>

Атрибут controls добавляет элементы интерфейса для плеера. Каждый браузер реализует их по-своему, и единого стандарта на этот счёт нет

Тег <source>

При добавлении аудио на HTML-страницу важно помнить, что не все браузеры поддерживают одни и те же форматы аудио. Специально для этого существует вложенный тег source, в котором указываются пути на другие форматы аудио файлов. В таком случае браузер выберет тот, который поддерживается в настоящий момент. При такой разметке указывать src у тега <audio> необязательно.

<audio controls>
  <source src="https://example.com/audio.mp3">
  <source src="https://example.com/audio.ogg">
</audio>

Задание

Добавьте аудио на страницу. Используйте следующие аудио файлы:

• https://www.w3schools.com/html/horse.ogg
• https://www.w3schools.com/html/horse.mp3

На всякий случай сделайте звук потише ;)

Упражнение не проходит проверку — что делать? 😶

В моей среде код работает, а здесь нет 🤨

Мой код отличается от решения учителя 🤔

Прочитал урок — ничего не понятно 🙄

Полезное

• Если используется один файл, то достаточно его указать в атрибуте src. Если файлов несколько, то используйте теги <source>

←Предыдущий

Следующий→

---

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics

Реактор кода доступен в основной версии →