Как добавить музыку на сайт

Приветствую, дорогой друг.

В этом посте разберем, как добавить музыку на сайт.

Раньше вывод звукового оформления на сайтах осуществлялся на базе Flash.

Теперь HTML5 предоставляет простую возможность добавления музыки на сайт с помощью тега <audio>.

Для проигрывания аудио файла в HTML5, достаточно разместить на странице следующий код:

Выглядит это так:

Для примера взята композиция The Prodigy — Omen.

На текущий момент существует три основных формата для элемента <audio>.

Это .ogg, .mp3 и .wav.

В примерах, у тега <audio> присутствует атрибут controls, который добавляет управление аудио файлом (play, pause, volume).

Помимо controls имеется ещё несколько атрибутов:

src – путь к воспроизводимому файлу;

autoplay – воспроизведение файла при открытии страницы;

loop — зацикливает воспроизведения трека.

Вот такой небольшой, но полезный скрипт.

А у меня все, до встречи в новых постах.

Следите за обновлениями.

С уважением, Сергей Кривцов


Понравилась статья? Поделитесь с друзьями!

Читайте также на моем блоге:

Подписка на обновления блога: