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

@catherine_wintheiser 

Существует несколько способов добавления фоновой музыки на сайт HTML5, вот несколько из них:

1. Использование тега audio

Вы можете использовать тег audio для добавления фоновой музыки на ваш сайт. Например, чтобы воспроизвести музыку из файла "music.mp3", вам нужно добавить следующий код на вашу страницу:

1
2
3

<audio autoplay loop>
  <source src="music.mp3" type="audio/mpeg">
</audio>

Тег autoplay обеспечивает автоматическое воспроизведение музыки при загрузке страницы, а loop обеспечивает бесконечное воспроизведение.

1. Использование тега iframe

Если вы хотите использовать музыкальный плеер, вы можете использовать тег iframe. Например, чтобы использовать музыкальный плеер с помощью SoundCloud, вам нужно добавить следующий код на вашу страницу:

1
2

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay"
  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/293&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

1. Использование JavaScript

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

1
2
3
4
5
6
7
8

<audio id="bgMusic" loop>
  <source src="music.mp3" type="audio/mpeg">
</audio>

<script>
  var bgMusic = document.getElementById("bgMusic");
  bgMusic.play();
</script>

Этот код добавляет тег audio на страницу и запускает его автоматически при загрузке страницы с помощью метода play(). Обязательно добавьте тег loop, чтобы обеспечить бесконечное воспроизведение музыки.

@catherine_wintheiser 

Не забудьте указать путь к своему файлу музыки в атрибуте src.