Фоновая музыка на сайте. При загрузке сайта играет музыка

Статус
Закрыто для дальнейших ответов.
D

dydenob

Новичок
Регистрация
21.03.2012
Сообщения
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
 
BaNru

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Опять ты со своим высером скриптява?!
Ни хрена не играет и не заиграет!!!
Я знаю почему, а ты догадаешься в каком месте ты на3.14здил?
 
czp

czp

czp
Регистрация
05.06.2011
Сообщения
635
BaNru сказал(а):
Опять ты со своим высером скриптява?!
Ни хрена не играет и не заиграет!!!
Я знаю почему, а ты догадаешься в каком месте ты на3.14здил?
Нажмите, чтобы раскрыть...
я вот не понял фразы "опять ты" он же 1 раз только сообшение написал, или это кто то уже перерегистрировался из за суперской репы :laugh:??
 
BaNru

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Он в свое время на всех форумах регистрировался и пиарил свой мегафреймворк SCRIPTJAVA. Тут тоже.
 
Design ONE

Design ONE

Новичок
Регистрация
22.03.2012
Сообщения
1
dydenob сказал(а):
Как сделать музыку на сайте? Чтобы играла на фоне сайта?
Или чтобы можно было запустить проигрывание музыки при нажатии на кнопку на сайте.
И самое главное чтобы код работал во всех браузерах.
Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов.
Чтобы проигрывать музыку при открытии сайта достаточно поместить на сайт вот такой вот скрипт:

Код: 
<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
Нажмите, чтобы раскрыть...


Что бы отпугнуть посетителей раз и на всегда, музыка на сайте как раз самое то :)
 
SupamaN

SupamaN

Блоггер
Регистрация
24.03.2009
Сообщения
417
а под ВП ктонибудь знает нормальное решение?
 
BaNru

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
SupamaN сказал(а):
а под ВП ктонибудь знает нормальное решение?
Нажмите, чтобы раскрыть...
Я бы рекомендовал универсальное решение - поставить FlowPlayer
У меня в блоге крутиться. Думаю сможешь поставить, если будут вопросы по нему, спрашивай

По теме
dydenob сказал(а):
Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов.
Нажмите, чтобы раскрыть...
dydenob сказал(а):
Основное преимущество скрипта в том что он работает во всех браузерах и не зависит от установленных плагинов типа медиа плеера и квик тайм плеера.
Нажмите, чтобы раскрыть...
Если чо, человек мало того что написал говенный фреймворк, так еще и забыл сказать, что для его примера требуется плагин Флэша!
Поэтому, народ, не видитесь на эту фигню.

Если хотите универсальное решение, то стоит искать в сторону такого алгоритма
- делаем embed флеш преера, которые проигрывает мп3
- в случае отсутствия флэша, вместо предлога скачать флэш плагин, встраиваем AUDIO HTML5 (разумеется надо будет другой формат, а не мп3)

Это максимально кроссбраузерное решение, которое сейчас в голову пришло.

+ еще можно присобачить для надежности - воспроизведение музыки через WMP, поддержка которого есть во многих старых браузерах.
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
42
Всего посетителей
42
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 932
Сообщения
64 050
Пользователи
12 694
Новый пользователь
Digital Caramel

Новые пользователи

Поделиться этой страницей

Верх Низ