» Навигация
- - - - - - - - - - - - - - - -
  » Наша кнопка
- - - - - - - - - - - - - - - -
   » Использование фоновой музыки на web-странице
 
Автор: Алексей Голубев

Сайт: http://www.frnet.narod.ru/

На некоторых сайтах используется такой элемент оформления как звук. Кто-то считает, что такой прием недопустим, кому-то нравится. Например, я считаю, что если подобрать хорошую музыку, то можно ее использовать. В конце концов, если пользователю не нравиться музыка на сайте, он может ее отключить в настройках браузера. Использовать музыку и звуковые эффекты на вашем сайте или нет решать вам, а я просто проиллюстрирую пример работы со звуком.

1. HTML.

Итак, начнем с начала, с HTML-кода, ведь в первую очередь все изучают именно его (не могу сказать, что со мной было то же самое). Что бы добавить фоновый звук на web-страницу используется непарный тег <BGSOUND>:

<BGSOUND src=”music.mid” loop=”-1” balance=”-5000” volume=”0”>
Разберем все его атрибуты:

scr – адрес проигрываемого файла (аналогично адресу картинки, вставляемой в web-страницу);
loop – количество повторений музыки из файла ( если loop=”-1” или loop=”infinity”, то музыка проигрывается бесконечно);
balance – смещение звука или в левую колонку (значение balance отрицательное) или в правую (значение balance соответственно положительное): -10000 – только левая, 10000 – только правая;
value – c помощью этого атрибута можно уменьшить и увеличить громкость звука;
delay – атрибута, которого не было в теге, я не указал его намеренно, т.к. он работает только в браузерах Mosaic. Он принимает значение паузы между моментом загрузки и моментом начала воспроизведения музыки.

2. Немного JavaScript.

Теперь мы можем вставлять фоновый звук на web-страницу, однако не будем на этом останавливаться. Напишем небольшой скрипт, который позволит на менять фоновый звук по щелчку, ну предположим, на ссылке (в последующем вы можете легко усовершенствовать скрипт).

Что бы решить нашу задачу нам надо:

1) добавить тег с атрибутом id, вот, как будет выглядеть данная строка в нашем примере:

<BGSOUND src=”1.mid” id=sound>
После загрузки страницы сразу же заиграет музыка из файла 1.mid.

2) функцию, производящую смену мелодии (т.е. адреса звукового файла). Тело функции состоит из одной строчки, назовём ее, change_sound(). Вот она:

function change_sound() {
document.all.sound.src=”2.mid”;
}
Здесь мы обращаемся к атрибуту src элемента bgsound, ссылаясь на него с помощью его атрибута id.

3) Присвоить эту функцию какому-нибудь событию произошедшему с ссылкой. Если это обычный щелчок мыши, то можно использовать два способа. Можно сделать так:

<a href=”javascript:change_sound()”>Щелкните здесь и смените фоновую музыку</a>
Или вот так:

<a href=”#” onClick=”change_sound()”>Щелкните здесь…</a>
Думаю разница очевидна и объяснять это не стоит.

3. Заключение.

Ключевым в данной статье является то, как надо обращаться к элементу bgsound. Вы можете создавать функции с параметрами. Создать выпадающий список, при выборе элемента которого будет играть соответствующая музыка и т.д. и т.п.

P.S. Вы можете скачать данный пример.

 

  » Друзья сайта
- - - - - - - - - - - - - - - -
  » Разное
- - - - - - - - - - - - - - - -
  » Счетчики
- - - - - - - - - - - - - - - -
  Дизайнер и ведущий проекта: Голубев Алексей
Copyright Alexei Golubev © 2004
Hosted by uCoz