Такая фича как фоновый звук на html странице на сайте нужна довольно редко, но все же, было дело мне понадобилась. Реализуется очень просто.

Фоновый звук bgsound

Таким образом можно вставить в html страницу на сайте аудифайл в одном из форматов: WAV, AU, MIDI. В  код нужной страницы в теги body добавляем  тег:

<bgsound src="путь_к_звуковому_файлу" loop="1"></bgsound>

Теперь при просмотре этой страницы всегда будет присутствовать фоновая музыка.

Параметры тега <bgsound>:

  • src - адрес звукового файла
  • loop - число повторов мелодии (если равно -1, звук повторяется бесконечно)
  • balance - стереобаланс (значения от -10000 до 10000) volume - громкость, максимальное значение = 0 (возможные значения от -10000 до 0)

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

Музыка в html. Тег <embed>

Это одиночный тег, то есть закрывающего тега нет. Проигрывает множество аудиоформатов. Пример вставки:

<embed src="/music/1.mp3" type="audio/mpeg" hidden="true" autostart="true" loop="true"></embed>

src = "путь к аудио-файлу".
hidden = "true" - скрывает панель управление воспроизведением. Скрывать панель нужно если только очень нужно, потому как многих раздражает на сайтах музыка, которую нельзя выключить - может спит кто, а может просто играет своя песня...
autostart = "true" - начинает воспроизводить звук сразу при загрузке страницы.
loop = "true" - бесконечное зацикливание звука, "false" - однократное воспроизведение, "х", где Х - число повторов.
type="audio/x-mpeg" - подсказывает браузеру какой плагин использовать для воспроизведения (не обязателен, но надежнее указать) Если аудио-файл НЕ .mp3, лучше  не использовать type вообще.
width и height - задают размер панели управления звуком в пикселях, например: width="145" height="45". Если захотите использовать эти параметры, тогда не забудьте удалить hidden = "true".
volume = "x" [X=0...100] - громкость звука в процентах, но не каждый браузер поддерживает регулировку звука.

Хорошо настраивается, правильно понимается всеми браузерами (за исключением регулировки звука), проигрывает мп3

Добавить комментарий