Добавьте фоновую музыку на свой веб-сайт, чтобы пользователи могли наслаждаться просмотром.
Различные методы встраивания музыки в веб-страницы стали популярными с первых дней существования всемирной паутины. Примечательно, что тег "embed" в HTML, аудиоплееры на основе Java и проигрыватели Flash - все возможные варианты добавления фоновая музыка на веб-страницу, но ни одно решение не было принято повсеместно или полностью совместимо со всеми браузерами и платформы. Новый стандарт HTML5 включает тег «audio», который специально определен для воспроизведения встроенного звука.
Шаг 1
Добавьте следующий код в любое место вашего HTML-документа, чтобы встроить музыкальный файл и автоматически воспроизводить его, когда посетитель просматривает ваш веб-сайт.
Видео дня
Измените атрибут «src» так, чтобы он содержал путь и имя файла музыкального файла, который вы хотите встроить.
Шаг 2
Добавьте атрибут "loop", если вы хотите, чтобы музыкальный файл воспроизводился снова и снова:
Шаг 3
Используйте несколько тегов source вместо атрибута src тега audio, если вы хотите предложить браузеру пользователя выбор из нескольких форматов файлов:
В этом примере браузер пользователя решит, воспроизводить ли файл MP3 или файл OGG. Этот метод может быть полезен для таргетинга на мобильные устройства, которые могут воспроизводить только определенные аудиоформаты.
Шаг 4
Вложите тег embed в тег audio, чтобы обеспечить поддержку старых браузеров, в которых отсутствует поддержка HTML5. Обратите внимание, что такое использование тега "embed" устарело (это означает, что он больше не требуется официально поддерживается), поэтому экспериментируйте с этой техникой только в том случае, если вы подозреваете, что ваши пользователи будут использовать устаревшие веб-ресурсы. браузеры. Вот пример:
Подсказка
Подумайте о добавлении атрибута «controls» к тегу «audio», чтобы пользователь мог останавливать музыку и изменять громкость. Кроме того, не следует использовать атрибут «autoplay», если нет веской причины для такого поведения браузера. Многие пользователи считают, что встроенная фоновая музыка, которая неожиданно проигрывается без их разрешения, раздражает и немедленно покидает ваш сайт.