www.site-make.narod.ru-все для веб-дизайна:уроки , программы ,скрипты ...
Меню
> главная
> уроки html
>уроки php
>уроки java
>java скрипты
>Программы
>Фоны для web-cтраниц.
>Обмен ссылками
>форум
>ссылки
>чат
>Скачать уроки по Javascript
>Добавить в Избранное
>Сделать стартовой.

Статистика
Rambler's Top100 Rambler's Top100

   Урок 11

Тема: звук на страничке.

Думаю, вам уже попадались странички, после загрузки которых начинала звучать музыка. Честно признаюсь, особого восторга от них я не испытываю. Но рассмотреть эту возможность надо.

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

<A HREF="http://site-make.narod.ru/system_of_a_down_-_chop_suey.mp3">system of a down, "chop suey"</A>

Посетитель вашей страницы, увидев такую ссылку - system of a down, "chop suey", сам решит, хочет ли он это слушать и стоит ли по ней кликать. После клика по такой ссылке начнется загрузка файла, который затем можно прослушать.

Чаще используют тег <EMBED>. Действие этого элемента следующее: после загрузки страницы автоматически загружается и проигрывается звуковой файл. При этом в окне появляется панель проигрывателя (или пульт управления проигрывателя - как вам удобнее называть). Пример:

<EMBED SRC="http://site-make.narod.ru/system_of_a_down_-_chop_suey.mp3" AUTOSTART="TRUE">

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

Элемент <EMBED> может иметь следующие аттрибуты:

  • WIDTH - ширина панели в пикселах (можно и в процентах);
  • HEIGHT - высота панели в пикселах (или процентах);
  • ALIGN - расположение панели относительно текста, возможные значения LEFT, RIGHT, CENTER;
  • HIDDEN - позволяет скрыть панель, значения аттрибута: TRUE - панель скрыта, FALSE - панель видима (значение по умолчанию);
  • AUTOSTART - значение TRUE - проигрыватель стартует автоматически, FALSE - ждет нажатия на кнопку "воспроизведение";
  • LOOP - цикл, т.е. при значении TRUE мелодия будет проигрываться по кругу, а при значении FALSE - только один раз. Если значением будет число, то Netscape проиграет мелодию указанное количество раз, для Explorer'а числовое значение равносильно значению TRUE.

Пример использования перечисленных выше аттрибутов:

<EMBED SRC="http://site-make.narod.ru/system_of_a_down_-_chop_suey.mp3" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE">

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

Некоторые браузеры поддерживают еще аттрибут CONTROLS ("органы управления" - англ.), который позволяет сконфигурировать панель управления. Он может иметь следующие значения:

  • CONSOLE - панель обычного размера;
  • SMALLCONSOLE - панель меньшего размера;
  • PLAYBUTTON - вместо всей панели только кнопка "Воспроизведение";
  • PAUSEBUTTON - вместо всей панели только кнопка "Пауза";
  • STOPBUTTON - вместо всей панели только кнопка "Стоп";
  • VOLUMELEVER - вместо всей панели только регулятор громкости.

Элемент <EMBED> поддерживает звуковые файлы с расширениями MID, WAV, AIFF, AU, видеофайлы AVI.

Элемент <BGSOUND> задает фоновый звук для страницы, т.е. звуковой фрагмент, который будет звучать сразу после загрузки страницы. Браузером Netscape не поддерживается. Может иметь аттрибут LOOP, определяющий количество повторов фрагмента. Пример использования:

<BGSOUND SRC="http://site-make.narod.ru/system_of_a_down_-_chop_suey.mp3" LOOP="3">
Hosted by uCoz