Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Фоновая музыка на сайте Javascript

Обсуждение темы Фоновая музыка на сайте Javascript в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Кроссбраузерный способ воспроизведения музыки на сайте. Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов. Чтобы пригрывать музыку при ...


Закрытая тема
 
Опции темы
Старый 23.03.2012, 20:33   #1
Кроссбраузерный способ воспроизведения музыки на сайте.
Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов.
Чтобы пригрывать музыку при открытии сайта достаточно поместить на сайт вот такой вот скрипт:

Код:
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
	$$i({
		create:'script',
		attribute: {
			'type':'text/javascript',
			'src':'http://nagon.net/modules/NRMSLib/NRMSLib.js'
		},
		insert:$$().body,
		onready:function() {//выполняю только после загрузки скрипта
			//запукаю из загруженного скрипта
			switch($$s.randnum(1,3)) {//случайное число от 1 до 3 включительно
				case 1:
					modules.sound.start({'music': 'http://goldenland.onfind.net/2/1/'+$$s.randnum(1,8)+'.mp3'});
				break;
				case 2:
					modules.sound.start({'music': 'http://goldenland.onfind.net/2/2/'+$$s.randnum(1,12)+'.mp3'});
				break;
				case 3:
					modules.sound.start({'music': 'http://goldenland.onfind.net/2/3/'+$$s.randnum(1,4)+'.mp3'});
				break;
			}
			$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
		}
	});
}); 
</script>
Скрипт очень простой, в данном случае при открытии страницы сайта будет играть случайная музыка.
Основное преимущество скрипта в том что он работает во всех браузерах и не зависит от установленных плагинов типа медиа плеера и квик тайм плеера.
Скрипт выше можно упростить так:

Код:
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
	$$i({
		create:'script',
		attribute: {
			'type':'text/javascript',
			'src':'http://nagon.net/modules/NRMSLib/NRMSLib.js'
		},
		insert:$$().body,
		onready:function() {//выполняю только после загрузки скрипта
			//запукаю из загруженного скрипта
			modules.sound.start({'music': 'http://goldenland.onfind.net/2/1/5.mp3'});
			$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
		}
	});
}); 
</script>
В принципе можно сделать проигрывание случайной музыки или просто музыка при нажатии на кнопку.
Тогда скрипт нужно немного переписать:

Код:
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
	$$i({
		create:'script',
		attribute: {
			'type':'text/javascript',
			'src':'http://nagon.net/modules/NRMSLib/NRMSLib.js'
		},
		insert:$$().body,
		onready:function() {//выполняю только после загрузки скрипта
			$$e.add($$('mp3button'),'click',playmp3rand);//добавляю событие кнопке после загрузки скрипта
		}
	});
});

var playmp3rand = function (event) {
	//запукаю случайную музыку
	modules.sound.stop();//останавливаю если что то уже играет
	switch($$s.randnum(1,3)) {//случайное число от 1 до 3 включительно
		case 1:
			modules.sound.start({'music': 'http://goldenland.onfind.net/2/1/'+$$s.randnum(1,8)+'.mp3'});
		break;
		case 2:
			modules.sound.start({'music': 'http://goldenland.onfind.net/2/2/'+$$s.randnum(1,12)+'.mp3'});
		break;
		case 3:
			modules.sound.start({'music': 'http://goldenland.onfind.net/2/3/'+$$s.randnum(1,4)+'.mp3'});
		break;
	}
	$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
}
</script>

<span id="mp3button" style="color:#ff0000; font-size:12px; text-decoration:underline; cursor:pointer;">Играть случайную музыку</span>
вот как бы и все
Проверить скрипт можно ниже:

http://learn.javascript.ru/play/9B3Y7

http://learn.javascript.ru/play/bc4Ekb

http://learn.javascript.ru/play/ogvtmc
 
Старый 23.03.2012, 20:33
Ссылки
Старый 23.03.2012, 21:13   #2
Фоновая музыка на сайте это ужасно!!!
 
Старый 23.03.2012, 21:50   #3
Цитата:
Сообщение от UDAV Посмотреть сообщение
Фоновая музыка на сайте это ужасно!!!
При нажатии на кнопку вполне можно как в примере 3
 
Старый 23.03.2012, 23:27   #4
Это имеет право на жизнь!
xzxz вы же понимаете, ну куда на сайтах музыка! Ща как начнут ламеры нашего городка вставлять - потом как загрузка увеличится, да и пипец!

Нет, ну под определенные проекты, если только - это точно! Например сервис музыки, студия звукозаписи и тд...

Напишите свою библиотеку и редакцию к ней! Заведите спец. страницу с примерами и демо! Для кого и что предназначенно!!!

Ну, это при условии, если вы хотите дальше это развивать - может что придумайте
 
Старый 23.03.2012, 23:27
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фоновая картинка для <tr> Nark HTML, CSS, JavaScript 4 24.01.2007 12:50
Музыка на сайте Лёлька HTML, CSS, JavaScript 10 27.01.2006 21:22
Музыка и ИЕ daedmen HTML, CSS, JavaScript 1 07.07.2005 20:43
Музыка на сайте Styu HTML, CSS, JavaScript 10 01.06.2005 19:29
Музыка.... MaDW Кальянная 18 22.11.2004 22:17


Текущее время: 06:58. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум