Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Музыка при открытии сайта

Viktor | 24.02.2014 | нет комментариев

Как при открытии сайта автоматически запускать музыку?

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

Открывается сайт играет музыка

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

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

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

Проигрыватель при загрузке web-страницы

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

Листинг 1.

<EMBED SRC=”http://pc-cantri.ru/music/simple2.mp3” AUTOSTART=”TRUE“>

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

Листинг 2.

<EMBED SRC=”simple2.mp3” AUTOSTART=”TRUE“>

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

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

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

width – ширина панели в пикселях (можно и в процентах);
height – высота панели в пикселях (или процентах);
align – расположение панели относительно текста, возможные значения left, right, center;
hidden – позволяет скрыть панель, значения аттрибута: true – панель скрыта, false – панель видима (значение по умолчанию);
autostart – значение true – проигрыватель стартует автоматически, false – ждет нажатия на кнопку “воспроизведение”;
loop – цикл, т.е. при значении true мелодия будет проигрываться по кругу, а при значении false – только один раз. Если значением будет число, то Mozilla Firefox проиграет мелодию указанное количество раз, для Explorer’а числовое значение равносильно значению true.

Листинг 3.

<EMBED SRC=”simple2.mp3″ WIDTH=”70” HEIGHT=”45” ALIGN=”left” HIDDEN=”False” AUTOSTART=”False” LOOP=”True“>

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

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

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

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

Пример использования (как работает).

как озвучить сайт

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

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

Листинг 4.

<BGSOUND SRC=”simple2.mp3″ LOOP=”3″>

Пример использования (как работает):

Здесь:

simple2.mp3 – звуковой (аудио файл);
LOOP=”3″ – количество раз проигрывания в данном случае 3 раза.

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

Вот такими простыми способами Вы можете сделать фоновое музыкальное оформление своего сайта.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB