Как вставить аудио на сайт
Сегодня мы разберем тег HTML5, который предоставляет возможность вставлять аудио на сайт. Называется данный тег audio. Давайте разберем все это на небольшом примере, который я в дальнейшем поясню:
<html>
<head>
<title>Использование аудио</title>
</head>
<body>
<audio controls="controls">
<source src="music.mp3" type="audio/mpeg" />
<source src="music.ogg" type="audio/ogg" />
</audio>
</body>
</html>
Тег аудио отвечает за вывод аудиозаписи на вашей странице сайта. Он имеет ряд атрибутов, которые мы сейчас рассмотрим. Первый, который мы с Вами использовали в примере - controls, отвечающий за вывод панели воспроизведения аудиофайлов. Без данного атрибута нет смысла использования тега аудио, ведь мы не сможем управлять аудиозаписью без панели. Второй атрибут называется autoplay, при его применении музыка будет начинать играть при загрузке страницы самостоятельно. И третий атрибут называется loop. Если данный атрибут будет использован, то после проигрывания вашего аудиофайла, он начнет свое воспроизведение с самого начала самостоятельно. Теперь приступим к тегу source, который вложен в теге аудио. Он отвечает за путь к файлу, который будет воспроизводиться. За это, как вам известно, отвечает атрибут src, и второй атрибут, который вы должны будете использовать, называется type, и отвечает он за тип воспроизводимого файла. Последнее, что я хочу отметить в изучаемой теме - данный тег поддерживается только популярными браузерами, да и то, отображается всеми по-разному, в этом Вы можете убедиться, просмотрев наш код в различных браузерах. А также не все браузеры поддерживают формат mp3, поэтому приходится применять второй формат - ogg, для того чтобы все браузеры могли воспроизводить аудиофайлы. Вот мы и разобрали с Вами, как вставить аудио на сайт, всего Вам доброго.
