Вы находитесь здесь:Плагины jQuery»liEqualizer - jQuery Psevdo Equalizer или псевдо эквалайзер на jQuery

liEqualizer - jQuery Psevdo Equalizer или псевдо эквалайзер на jQuery

Суббота, 12 Январь 2013 02:32 Автор 

Плагин liEqualizer - это графический псевдо эквалайзер, который создает очень реалистичную иллюзию реального эквалайзера.
Эквалайзер liEqualizer очень легко оформить под любой дизайн сайта или аудио-плеера. Внешний вид эквалайзера очень гибкий: вы можете устанавливать количество колонок и строк псевдо эквалайзера, частоту такта, а также управлять его работой с помощью методов "start" и "stop"

Пример работы на JSFIDDLE

Подключаемые файлы

<link href="#" rel="stylesheet">
<script src="/js/jquery-1.8.min.js"></script>
<script src="/js/jquery.liEqualizer.js"></script>

Инициализация плагина

<script>
$('.anyClass').liEqualizer({
    row:7,       //кол-во столбцов
    col:6,       //кол-во колонок
    speed:20,    //скорость подсветки кубиков
    freq:400,    //частота сигнала
    on:true      //включено по умолчанию (true,false)
});
</script>

Дополнительные методы

Чтобы запустить эквалайзер

$('.anyClass').liEqualizer('start');

Чтобы остановить эквалайзер

$('.anyClass').liEqualizer('stop');

Структура HTML

<div class="anyClass"></div>
Прочитано 21531 раз Последнее изменение Воскресенье, 30 Март 2014 23:34
Оцените материал
(3 голосов)

Комментарии   

 
Космо Горыныч
# Космо Горыныч 31.07.2013 10:50
Сделайте ещё настройку количества строк/колонок, пж.

Также можно использовать хтмл5 и получать текущую громкость проигрываемого звукового файла. По отдельным частотам, конечно, не определим, но ритм будет настоящий.

Код, который использую я: http://snipt.org/ASP3
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 31.07.2013 11:21
Цитирую Космо Горыныч:
Сделайте ещё настройку количества строк/колонок, пж.

Читайте внимательно "Инициализация плагина"
Ответить | Ответить с цитатой | Цитировать
 
 
Денис
# Денис 30.09.2013 23:40
Скажите, в коде указываю on: false но, при загрузке скрипт не работает после нажатия start. Фаербаг пишет:

TypeError: $(...).data(... ) is not a function
$(this).data('eqInt')();
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 01.10.2013 09:35
Цитирую Денис:
Скажите, в коде указываю on: false но, при загрузке скрипт не работает после нажатия start. Фаербаг пишет:

TypeError: $(...).data(...) is not a function
$(this).data('eqInt')();

Выложите в интернет и киньте сюда ссылку на нерабочий пример
Ответить | Ответить с цитатой | Цитировать
 
 
Денис
# Денис 02.10.2013 17:07
Большое спасибо. Все заработало.
Если можно еще один вопрос. LiMasscode, можно ли запускать скрипт по id?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 02.10.2013 17:37
Цитирую Денис:
Большое спасибо. Все заработало.
Если можно еще один вопрос. LiMasscode, можно ли запускать скрипт по id?

Поконкретнее пожалуйста
Ответить | Ответить с цитатой | Цитировать
 
 
Денис
# Денис 02.10.2013 17:44
Получается на сайте две кнопки плей с разными классами, которые я не могу изменить. Одна запускает проигрывание непосредственно в плеере, а другая в списке треков.
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 02.10.2013 17:53
Еслия я правильно понял, то так:
$('.start').add('.start2').click(function(){
$('.anyClass').liEqualizer('start');
return false;
})
$('.stop').add('.stop2').click(function(){
$('.anyClass').liEqualizer('stop');
return false;
})
Пример: http://jsfiddle.net/VVvDV/53/
Ответить | Ответить с цитатой | Цитировать
 
 
Денис
# Денис 02.10.2013 18:22
Спасибо. Происходит конфликт. Класс2 из списка треков запускает только зквалайзер а проигрывание- нет. Поможет no conflict?
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 02.10.2013 18:33
Цитирую Денис:
Спасибо. Происходит конфликт. Класс2 из списка треков запускает только зквалайзер а проигрывание- нет. Поможет no conflict?

Возможно из-за return false;
Ответить | Ответить с цитатой | Цитировать
 
 
Денис
# Денис 02.10.2013 18:41
Цитирую LiMasscode:

Возможно из-за return false;

Закоментировал. Ведет себя странно....
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 04.10.2013 09:36
Цитирую Денис:
Цитирую LiMasscode:

Возможно из-за return false;

Закоментировал. Ведет себя странно....

Очень информативно
Ответить | Ответить с цитатой | Цитировать
 
 
AlexZander
# AlexZander 18.04.2014 14:49
спасибо, интересный пример!
Ответить | Ответить с цитатой | Цитировать
 
Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliEqualizer - jQuery Psevdo Equalizer или псевдо эквалайзер на jQuery