Аудио

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

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

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

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

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

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

Задание

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


Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном cообществе
Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.