linoleum19 окт 2014 в 04:43

Эквалайзер на JavaScript

5 мин

60K

Проектирование API * JavaScript * Веб-разработка *

Туториал

+33

Комментарии 21

Luchnik22 19 окт 2014 в 05:15

Для наглядности можно ещё прикрутить спектрограмму

nazarpc 19 окт 2014 в 06:21

Могу ещё дать пример пространственных аудио эффектов и нормализации звука: github.com/nazar-pc/CleverStyle-Music/blob/master/js/ac.sound_processing.coffee
Это аудио плеер для Firefox OS, также он работает на пока что ночных сборках Firefox for Android, и десктопах.

antirek 19 окт 2014 в 06:44

В Winamp любил смотреть на скачущие столбцы визуализатора, посему на WebAudio недавно для своего VK-плеера www.inquty.ru добавил визуализацию. Теперь можно добавить эквалайзер и пресеты.

Fesor 19 окт 2014 в 11:04

Какой отвратный плеер…

antirek 19 окт 2014 в 11:47

На вкус и цвет все фломастеры разные. Не нравится эта тема? Форкайте проект github.com/antirek/inquty-player и меняйте. По умолчанию установлена тема darkly от bootswatch установлена, можно сменить на любую другую.

domix32 28 окт 2014 в 11:22

Действительно плохой

добавляет из неизвестного мне места новые треки после каждого запуска песни.

Mingun 19 окт 2014 в 07:04

Чего-то я не очень понял следующую фразу:

Очень важно подключать фильтры именно последовательно. Когда я писал первую версию, у меня фильтры подключались последовательно, и на выходе не было ничего, кроме страшного грохота.

Важно подключать последовательно, но при последовательном подключении ничего, кроме страшного грохота. Это как?!

linoleum 19 окт 2014 в 07:32

Спасибо, исправил.
Разумеется параллельно во втором случае.

barkalov 19 окт 2014 в 08:49

Правильно ли я понимаю, что «эквалайзер» из BandPass'ов нужно наоборот сооружать параллельно.

Astynax 19 окт 2014 в 10:49

Почему все называют визуализатор спектра эквалайзером?

Fesor 19 окт 2014 в 11:06

Потому что на картинке до ката визуализатор спектра, а под катом туториал по реализации эквалайзера… внезапно так.

Astynax 19 окт 2014 в 11:19

Вопрос был не к конкретному посту, а к сообществу в целом (видимо, зря я не уточнил формулировку)
Перефразирую:
— Почему в рунете визуализатор спектра практически всегда называют эквалайзером?

hell0w0rd 19 окт 2014 в 12:49

потому что англицизм — equalizer

DLag 19 окт 2014 в 22:59

Вообще-то как раз называется это spectrum.
en.wikipedia.org/wiki/Frequency_spectrum

antirek 19 окт 2014 в 13:18

Попробую предположить, что очень часто на музыкальных центрах и магнитофонах импортного производства есть графический эквалайзер, о чем свидетельствуют небольшой ряд регуляторов и большая блестящая наклейка «Graphic EQ». Ты двигаешь регуляторы эквалайзера, а в маленьком светодиодном окошке меняется отображение амплитудно-частотной характеристики, вау! Поэтому видишь визуализатор, думаешь эквалайзер.: )