Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

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

Автор: Андрей Краснокутский

Дата: 2010-02-04

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

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

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

Ведь вместе с кодом самой 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-страницы играет музыка, или не играет если Браузер не поддерживает этот тег.

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

 

Удачи.

 

Просмотров: 38077


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Алексей
Дата: 2010-02-05

Это актуально для развлекательных сайтов и порталов, где люди отдыхают и отрываются. Я лично ни на одном своем проекте этой фишкой не пользуюсь.

Комментарии добавил(а): Прохожий
Дата: 2010-02-05

Можно на сайте применить, но работать будет не во всех браузерах. Статья полезная,ведь музыку можно "приготовить" по-разному и необязательно для фонового сопровождения.А так, согласен с Алексеем.

Комментарии добавил(а): donguluk
Дата: 2010-02-06

Как раз для моих сайтов и блогов. Обязательно попробую, спасибо.

Комментарии добавил(а): FOMICTANYA104Фомичева Таня
Дата: 2010-02-06

Здраавствуйте, уважаемый Андрей. Получила Вашу очередную рассылку о том, как можно на сайте создать музыку при его открывании. Ничего не поняла. Это, наверное, для "продвинутых", а не для таких, как я.С огромным к Вам уважением Т.Фо.

Комментарии добавил(а): qawdrg
Дата: 2010-06-28

Андрей! А на BLOGGER музыку добавить можно?

Комментарии добавил(а): АндрейК
Дата: 2010-06-28

С BLOGGER не работал, но думаю что можно, почему нет..........

Комментарии добавил(а): Вова
Дата: 2010-07-22

В Internet explorer играет,а почему не играет в Firefox?Пишет,что нужно установить какие-то плагины.Какие не знаете?

Комментарии добавил(а): Вова1
Дата: 2010-07-22

В Internet explorer играет,а почему не играет в Mozilla Firefox?Пишет,что нужно установить какие-то плагины.Какие не знаете?

Комментарии добавил(а): АндреК
Дата: 2010-07-22

Да нужно установить плагины

Комментарии добавил(а): Иван
Дата: 2010-10-12

А как сделать чтобы 3-4 трека проигрывалось, поочереди?

Комментарии добавил(а): Стася
Дата: 2010-11-17

А нельзя ли просто напросто написать код автоматического воспроизведения музыки при открытии страницы, чтобы вставить его в блог с интервалом для музыки? Сколько где не читала, везде все так мудренно и запутанно. Слишком много ненужных объяснений и "мудренных словей" для простого пользователя ПК.Такое чувство, что те, кто умеют это делать, не желают, чтобы простой обыватель это умел делал. Будьте добры напишите конкретно КОД.

Комментарии добавил(а): АндрейК
Дата: 2010-11-18

Дорогая Стася, куда уж проще Берите любой вариант Листинги 1 - 4 , который Вам подходит и вставляйте. Удачи.

Комментарии добавил(а): Лена
Дата: 2011-02-15

спасибо вам большое за то что я умею теперь делать музыку)) не могли бы вы мне ещё подсказать,можно ли сделать так чтобы музыка играла автоматически ТОЛЬКО на главной странице,а когда переключаешься в альбомы(например)она играла уже только когда нажимаешь плэй?

Комментарии добавил(а): АндрейК
Дата: 2011-02-16

Конечно можно, вставляйте код Листинга 1 только на главную страницу, на остальных используйте другие коды Листингов

Комментарии добавил(а): Лена
Дата: 2011-02-16

у меня просто на всех страницах находиться полоска в которую можно вставить,поэтому она везде заново открывается,думала может в настройках как то очерёдность какую то можно сделать)

Комментарии добавил(а): ярик
Дата: 2011-04-04

очень просто написанно -но очень сложно понять как это воплотить в жизнь....если Вы конечно не программист...

Комментарии добавил(а): Александр
Дата: 2011-04-20

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

Комментарии добавил(а): Макс
Дата: 2011-12-29

Добрый день.Вопрос уже подымался на эту тему: "Комментарии добавил(а): Лена Дата: 2011-02-15 спасибо вам большое за то что я умею теперь делать музыку)) не могли бы вы мне ещё подсказать,можно ли сделать так чтобы музыка играла автоматически ТОЛЬКО на главной странице,а когда переключаешься в альбомы(например)она играла уже только когда нажимаешь плэй?" - но я недопонял.Можно ли сделать,что бы она играла только на стартовой странице а при открытии тех же "фотографий" не начиналась заново играть,потому что подкумаривает,что она сначала начинает постоянно тарахтеть.

Комментарии добавил(а): Максим
Дата: 2011-12-29

А точнее у меня начинает играть на:Главная страница,Информация о сайте и Обратная связь.....как сделать,чтоб играла только на Главной странице и всё?

Комментарии добавил(а): АндрейК
Дата: 2011-12-29

Максим, так установите код только на Главной странице, и все проблемы

Комментарии добавил(а): инга
Дата: 2012-01-25

почему в браузера Internet Explorer музыка не играет , а в мазиле играет

Комментарии добавил(а): Владимир
Дата: 2012-06-24

Нельзя ли по подробней?

Комментарии добавил(а): АндрейК
Дата: 2012-07-09

Это в зависимости от выбранного Вами варианта установки. В некоторых случаях музыка будет играть беспрерывно, в других будет перезагружаться.

Комментарии добавил(а): Luazo
Дата: 2012-07-08

скажите, пожалста, а музыка будет играть беспрерывно, несмотря на переходы с одной страницы на другую? или каждый раз будет подзагружаться?? спасибо!

Комментарии добавил(а): Сашок
Дата: 2012-08-17

a в одноклассниках сделать можно?

Комментарии добавил(а): alex
Дата: 2012-09-15

ни в одном браузере не играет кроме Ишака(IE)

Комментарии добавил(а): alex
Дата: 2012-09-15

поменял тег и в мозиле заработало <embed src ="simple2.mp3" LOOP="3">

Комментарии добавил(а): alex
Дата: 2012-09-15

и еще Quick Time установить надо

Комментарии добавил(а): Павел
Дата: 2013-02-21

Вставил код как у Alex в раздел фотогалереи. Заработало. Только когда закрываешь окошко с фотками, начинает все время заново играть. Как сделать, чтобы непрерывно по кругу проигрывалась?

Комментарии добавил(а): АндрейК
Дата: 2013-02-24

Павел смотрите описани выше: loop - цикл, при значении true мелодия будет проигрываться по кругу, а при значении false - только один раз.

Комментарии добавил(а): Николай Гижицкий
Дата: 2013-04-10

Для музыкальных поздравительных открыток самое то...

Комментарии добавил(а): Денис
Дата: 2013-05-17

Статья очень понравилась! Автору спасибо.

Комментарии добавил(а): Виктор
Дата: 2015-12-04

Да что вы? С нашим интернетом, страничка с музыкой, загружается примерно за 3-6 секунд)))

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Заработает каждый
от Школьника до Пенсионера!
"Как?"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT