Как добавить фоновый музыкальный HTML-код

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

Шаг 1

Добавьте следующий код в любом месте вашего HTML-документа, чтобы встроить музыкальный файл и воспроизводить его автоматически, когда посетитель просматривает ваш веб-сайт.

Измените атрибут "src" так, чтобы он содержал путь и имя музыкального файла, который вы хотите встроить.

Шаг 2

Добавьте атрибут "loop", если вы хотите, чтобы музыкальный файл воспроизводился снова и снова:

Шаг 3

Используйте несколько тегов «source» вместо атрибута «src» тега «audio», если вы хотите предложить браузеру пользователя выбор из нескольких форматов файлов:

В этом примере браузер пользователя решит, воспроизводить ли файл MP3 или файл OGG. Этот метод может быть полезен для мобильных устройств, которые могут воспроизводить только определенные аудиоформаты.

Шаг 4

Вложите тег «встроить» в тег «аудио», чтобы обеспечить поддержку старых браузеров, в которых отсутствует поддержка HTML5. Обратите внимание, что такое использование тега «встроить» устарело (это означает, что официально его поддержка больше не требуется), поэтому экспериментируйте с этим методом только в том случае, если вы подозреваете, что ваши пользователи будут использовать устаревшие веб-браузеры. Вот пример:

Совет

Рассмотрите возможность добавления атрибута «controls» в тег «audio», чтобы пользователь мог останавливать музыку и изменять громкость. Кроме того, рассмотрите возможность использования атрибута «автовоспроизведение», если для такого поведения браузера нет веской причины. Многих пользователей раздражает встроенная фоновая музыка, которая неожиданно воспроизводится без их разрешения, и они немедленно покидают ваш сайт.