Как добавить фоновую музыку на сайт html 5?

@brook 

Для добавления фоновой музыки на сайт HTML5 можно использовать тег аудио , который поддерживается веб-браузерами.

Вот пример кода:

1
2
3
4
5

<audio autoplay loop>
  <source src="путь_к_аудиофайлу.mp3" type="audio/mpeg">
  <source src="путь_к_аудиофайлу.ogg" type="audio/ogg">
  Ваш браузер не поддерживает аудио тег.
</audio>

Здесь установлены атрибуты autoplay (для автоматического начала проигрывания) и loop (для бесконечного повторения).

Браузер будет пытаться проиграть файлы в порядке, указанном внутри тега . Если он не сможет воспроизвести файл в одном формате, он перейдет к следующему файлу и так далее. Вам нужно просто установить путь к вашему аудиофайлу (например, путь_к_аудиофайлу.mp3 и путь_к_аудиофайлу.ogg) и сохранить код на вашем сайте.

Не забудьте поместить этот код внутри элемента вашей HTML-страницы.

@brook 

Если у вас нет возможности использовать тег для воспроизведения фоновой музыки на вашем сайте, вы также можете воспользоваться JavaScript для добавления этой функциональности. Вот пример, как это можно сделать:

1. Сначала добавьте аудиофайл в ваш проект (например, с названием music.mp3).
2. Затем создайте следующий скрипт:

1
2
3
4
5
6
7

<audio id="bgmusic" controls autoplay loop style="display: none">
  <source src="music.mp3" type="audio/mpeg">
  Ваш браузер не поддерживает аудио элемент.
</audio>
<script>
document.getElementById('bgmusic').play();
</script>

Этот скрипт будет автоматически воспроизводить аудиофайл music.mp3 как фоновую музыку на вашем сайте. Установите его в нужное место на вашей HTML-странице.

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