|
|||||||
Фоновая музыка на сайте JavascriptОбсуждение темы Фоновая музыка на сайте Javascript в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Кроссбраузерный способ воспроизведения музыки на сайте. Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов. Чтобы пригрывать музыку при ... |
![]() |
|
|
Опции темы |
|
|
#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 |
|
|
|
|
#2 |
|
|
Фоновая музыка на сайте это ужасно!!!
|
|
|
|
|
#3 |
|
|
|
|
|
|
|
#4 |
|
|
Это имеет право на жизнь!
xzxz вы же понимаете, ну куда на сайтах музыка! Ща как начнут ламеры нашего городка вставлять - потом как загрузка увеличится, да и пипец! Нет, ну под определенные проекты, если только - это точно! Например сервис музыки, студия звукозаписи и тд... Напишите свою библиотеку и редакцию к ней! Заведите спец. страницу с примерами и демо! Для кого и что предназначенно!!! Ну, это при условии, если вы хотите дальше это развивать - может что придумайте |
|
|
![]() |
| Опции темы | |
|
|
| Похожие темы | ||||
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| Фоновая картинка для <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 |
|
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|