Приветствую Вас Гость • Регистрация • Вход
Суббота, 19.10.2019
Главная » 2012 » Декабрь » 20 » Устанавливаем фоновую музыку при открытии сайта
06:17
Устанавливаем фоновую музыку при открытии сайта
Все чаще в сети всречаю вопросы  "Как мне установить музыку при открытии сайта" ,  "как зделать так, что бы когда открывалась страница сайта и играла музыка".В этой статье я расскажу Вам как это правильно сделать.

Ну во первых я хочу сказать что  никогда  не пользуюсь этой функцией, из за двух причин!

  1. Медленная загрузка сайта (так как вмесите с телом страницы, грузится и музыка),  а как сами понимаете это все мегабайты, и порой если поставить так например отрывочек в 2-3 мегабайта, то страничка будет грузится около минуты а то и поболее. :)

  2. Медленное проигрывание мелодии или же проигрывание с задержками и рывками (при моей то скорости интернета). :)


Ну это немножко был пролог...

Как все таки как это реализовать технически Вам знать не помешает,  а использовать или нет,  решайте сами.

Теперь рассмотрим подробней:

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




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



Code
<embed src="http://mysite.ru/music/trek.mp3" autostart="true" />

Или же такой синтаксис если файл лежит на Вашем сервере (относительный путь):



Code
<embed src="/trek.mp3" autostart="true" />


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

Например в Internet Explorer (6,  7,  8 версии) все работает без проблем. А вот в браузерах Opera и Mozilla Firefox требуется установка дополнительных плагинов,  естественно если у пользователя плагин не установлен - музыка не заиграет sad :( согласен грустно....

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

  • width - ширина панели в пикселях (можно и в процентах);

  • height - высота панели в пикселях (или процентах);

  • align - расположение панели относительно текста,  возможные значения left,  right,  center;

  • hidden - позволяет скрыть панель, значения аттрибута: true - панель скрыта,  false - панель видима (значение по умолчанию);

  • autostart - значение true - проигрыватель стартует автоматически,  false - ждет нажатия на кнопку "воспроизведение";

  • loop - цикл, т.е. при значении true мелодия будет проигрываться по кругу,  а при значении false - только один раз. Если значением будет число,  то Mozilla Firefox проиграет мелодию указанное количество раз,  для Explorerа числовое значение равносильно значению true.


Code
<embed src="trek.mp3" width="70" height="45" align="left" hidden="false" autostert="false" loop="true" />

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


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

  • CONSOLE - панель обычного размера;

  • SMALLCONSOLE - панель меньшего размера;

  • PLAYBUTTON - вместо всей панели только кнопка "Воспроизведение";

  • PAUSEBUTTON - вместо всей панели только кнопка "Пауза";

  • STOPBUTTON - вместо всей панели только кнопка "Стоп";

  • VOLUMELEVER - вместо всей панели только регулятор громкости.


Тег <EMBED> поддерживает звуковые файлы с расширениями: MIDWAV, AIFFAU,  MP3,  видеофайлы AVI, MOV.

Озвучить свой сайт или отдельную web-страничку можно и другим способом,  с помощью тега <BGSOUND> . Тег одиночный. Этот тег задает фоновый звук для web-страницы,  т.е. звуковой фрагмент,  который будет звучать сразу после загрузки страницы. Тег <BGSOUND> может иметь аттрибут LOOP , определяющий количество повторов фрагмента. Корректно работает в Браузере Internet Explorer.


Здесь Посетитель не видит никаких проигрывателей и следовательно не может отключить звук.

Code
<bgsound src="trek.mp3" loop="3" />

Значения:




  • trek.mp3 - звуковой (аудио файл);

  • loop=“3”- количество раз проигрывания в данном случае 3 раза.


Параметр loop может принимать следующие значения:
1 - постоянное воспроизведение данного звукового файла;
0 - файл проигрывается только один раз;
n - файл проигрывается n раз.


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

Вот и все на этом сегодня.Удачи.
Категория: HTML | Просмотров: 2145 | Добавил: Samosval |Рейтинг: 0.0/0


Всего комментариев: 0
avatar
    Яндекс.Метрика
Сайт создан в системе uCozЯндекс.Метрика