Урок 22. Фоновый звук в HTML или музыка на сайте

HTML теги, атрибуты и параметры, определяющие звук

FAQ по теме: Фоновый звук – музыка на сайте

Как установить фоновый HTML звук на сайт для браузеров IE и Opera?
Как установить фоновый HTML звук или музыку на сайт для всех видов браузеров?

Фоновый HTML звук для браузеров Internet Explorer и Opera:

 
 
 
<title>HTML звук на сайте</title>

<bgsound src="music.wav" loop="1" volume="-1000" balance="0" />

</head>

<body>


<img src="../images/bg_sound_img.jpg" alt="Музыка на сайте" />


</body>

</html>

Результат: фоновый HTML звук для IE и Opera

Теги, атрибуты и значения

<bgsound /> – определяет фоновый HTML звук, музыку на сайте. Располагается в секторе <head> </head>.
src="" – определяет url звукового файла в формате Wav или Mp3.
loop="" – определяет количество проигрываний.
volume="-1000" – регулирует громкость звука. В данном случае обозначенная величина будет вычтена из текущего уровня громкости, установленного на компьютере пользователя.
balance="0" – регулирует баланс звучания.

Описанный выше метод внедрения фонового звука в HTML-страницу приемлем только для браузеров Internet Explorer и Opera.

Звук в HTML или музыка на сайте для всех видов браузеров

Фоновый HTML звук для Opera, Firefox, Chrome, Internet Explorer...:


                 <title>HTML музыка на сайте для всех браузеров</title>

 
</head>

                 <body>
 
<embed src="music.mp3" autostart="true" hidden="false" loop="false" width="300" height="65" align="bottom"> </embed>

</body>

</html>

Результат: HTML звук (музыка) на сайте для всех видов браузеров

Размещается код в секторе <body> </body>.

Aтрибуты и значения

autostart="" – определят будет ли музыка проигрываться автоматически при открытии интернет-станицы или нет. Возможны значения: true – да или false – нет.
loop="" – определяет будут ли повторяться проигрывания. Возможны значения: true – да или false – нет.
hidden="" – определяет будет ли скрыта панель управления плейера Quick Time (именно Quick Time требуют браузеры по умолчанию, кроме браузеров Chrome, которые укомплектованы своим собственным проигрывателем) или нет. Возможны значения: true – да или false – нет. Если не будет, то указываются размеры панели: width="" height="".

Недостатки второго метода заключаются в том, что если на компьютере пользователя отсутствует вышеупомянутый проигрыватель, то программa web - браузера ему предложет его установить, а это далеко не каждому может понравиться. Помните! Посетителю ничего не стоит покинуть ваш сайт.

Совет напрашивается сам собой! Используйте фоновый HTML звук или музыку на своем сайте только в случае, когда это действительно оправдано!

Дополнительно смотрите: фоновый звук, музыка в HTML 5

Дата публикации: Ноябрь 2009 | Обновление: Май 2012

Урок 21. HTML Формы HTML звук, музыка на сайте Урок 23. Блочная верстка

Сохранить в сервисы и закладки