|
Фоновая музыка на сайте 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, 21:13 | #2 |
|
Фоновая музыка на сайте это ужасно!!!
|
|
23.03.2012, 21:50 | #3 |
|
|
|
23.03.2012, 23:27 | #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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|