Скрипт музыки на сайт. Фоновая музыка на сайте. Как проиграть звук и музыку на сайте?
Как сделать музыку на сайте? Чтобы играла на фоне сайта?
Так же нужно чтобы можно было запустить проигрывание музыки при нажатии на кнопку на сайте.
И самое главное чтобы код работал во всех браузерах.
Стандартные функции не всегда работают во всех браузерах и требуют установки различных плагинов.
Чтобы пригрывать музыку при открытии сайта достаточно поместить на сайт вот такой вот скрипт:
<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>
вот как бы и все
Проверить скрипты можно ниже:
Пример скрипта случаной музыки при загрузке сайта
Пример скрипта музыки при загрузке сайта
Пример скрипта музыки на сайте при нажатии на кнопку
|
Спасибо огромное за скрипт, очень долго искала и нашла! Вот только вопрос, а как можно сделать потише?
Меня устроил скрипт при загрузке сайта проигрывается когда музыка....
Дело в том что громкость у каждого своя и зависит от личных настроек компьютера.
Этот код не предусматривает смену громкости...
Программно можно. Отредактировав саму запись.
Отлично сделано! Автор молодец
Где можно узнать по подробней о библиотеках используемых в работе?
Вот еще забыл.
Как можно зациклить проигрывание?
Теперь оно зациклино в исходнике
Проверь еще разок и увидишь
А как прекратить проигрование музыки?
Ясен пень
modules.sound.stop();
А куда же вставлять modules.sound.stop();?
Кому то ясен пень, а кому то нужно просто подсказать.
Так куда же лучше вставить modules.sound.stop();
И наверняка в скобках нужно указать путь к аудио файлу?
Очень благодарна, спасибо!!
а как сделать что бы она воспроизводилась только один раз без повторения?
Присоединяюсь... как сделать что бы она воспроизводилась только один раз без повторения?
как сделать сылку на песню?
как сделать что бы мелодия воспроизводилась только один раз без повторения?
Автору респект!)
а как привязать плеер с уровнем громкости ?
Доброго времени суток!
Спасибо за скрипт. Действительно он работает даже при переключений на другие страницы.
Только вот проблема! Как ее привизать к "mp3 jplayar" вставляя на шабку шаблона ?
А как сделать так, чтобы песня проигралась один раз, а потом звука бы уже не было?
Спасибо, очень поможете, если подскажете.
Классный скрипт, спасибо автору!!!
А как сделать, чтобы музыка проигрывалась только раз при открытии сайта, а потом не звучала? Спасибо. Подскажите, какой скрипт для этого нужен...
С уважением, Наташа
для работы флэш нужен)
А как вставлять в первый скрипт свою музыку?
Мне понравилось. Только хотелось вставить свою музыку. Проба была, но не получилось. А как это сделать? Спасибо.
Не работает скрипт. Выдает:
Error: Permission denied to access property 'toString'
(3 демо)
Спасибо большое! А может подскажете, как в первый скрипт добавить кнопку стоп - остановить проигрывание музыки?
Пробовал добавлять кнопку на примере 3 скрипта, тогда пропадает авто проигрывание при загрузке страницы.
Буду очень признателен за помощь.
Жаль , что нет ответов на поставленные здесь вопросы...
как сделать что бы мелодия воспроизводилась только один раз без повторения?
Спасибо огромное за скрипт! Все работает! Только хотелось бы узнать, как сделать, чтобы проигрывалась своя музыка из папки с сайтом? (Если просто указываю путь на свою песню из папки с сайтом, то не работает)
Подскажите, пожалуйста, куда и какой код вставить чтобы можно остановить музыку.
Автор красавчик ++++++++++ огромный от меня за старания
Здравствуйте,
давно ищу решение проблемы проигрывания бэкграундплеера в фоновом режиме без перезагрузки при хождении оп сайту!
Использую FullWidth Player на платформе WordPress, тема Kleo 2015 года (очень навороченная с активной подгрузкой внутреннего контента и т.д.)
Использование ajaxify-wordpress-site или advanced-ajax-page-loader решают проблему, но вылетает почти весь динамический контент и анимация!
Что посоветуете в этом случае?
админ пожалуйста выручи мне нужен скрипт по теме есть 1 трек я хочу чтоб при открытии сайта он играл только он один по кругу можно какой скрипт и как залить именно этот трек в скрипт куда ссылку прописать выручай бро
кстате не сказал мне нужно его в БЛОГ вставить а не на сайт там есть типо скриптов чтобы в сайт не прописывать скрипт я думаю там пару строк не более надо
спасибо
Огромная благодарность автору
Мое почтение! Скажите пожалуйста а куда установить этот скрипт? У меня сайт на Вордпресс. Спасибо!
А как сделать кнопку что бы когда нажимали на кнопку музыка останавливалась ?