Перейти к содержимому
Aback Tools Logo

Визуализатор аудиоэквалайзера

Воспроизводите любой аудиофайл и смотрите его спектр частот в реальном времени с нашим бесплатным визуализатором аудиоэквалайзера. Наблюдайте, как басы, середина и высокие анимируются вживую во время воспроизведения, благодаря AnalyserNode из Web Audio API и полностью в вашем браузере. Без регистрации.

Audio Equalizer Visualizer

Upload an audio file and play it to see the real-time frequency spectrum. The EQ display shows bass, midrange, and treble frequencies animating live using the Web Audio API AnalyserNode - all processing runs locally in your browser.

Privacy: all audio processing uses the Web Audio API locally in your browser - your audio file never leaves your device.

Зачем использовать наш визуализатор аудиоэквалайзера

Анализатор спектра показывает амплитуду каждой частоты аудиосигнала в данный момент. Ось X идёт от 20 Гц (басы) до 20 000 Гц (высокие) по логарифмической шкале, как воспринимает слух, а ось Y показывает амплитуду в децибелах. Наш визуализатор выполняет БПФ сигнала 60 раз в секунду и рисует результат на канвасе - всё в вашем браузере.

  • Спектр частот в реальном времени: анимация 60 fps во время воспроизведения, без ожидания и регистрации.
  • Полная безопасность: локальная обработка в браузере, файл не покидает устройство.
  • Без установки: никаких загрузок, плагинов и программ; работает на любом устройстве.
  • Три режима отображения (столбцы, линия, заполнение), пять цветовых тем и снимок кадра в PNG.

Типичные сценарии использования

Живой спектр помогает одновременно слышать и понимать, что происходит в каждой полосе частот.

  • Музыкальное производство и сведение: находить накопление частот, мутность в нижней середине или резкость в верхней середине до эквализации.
  • Анализ подкастов и голоса: проверять, что низкий гул срезан, а зона присутствия усилена, до публикации.
  • Музыкальное образование: понимать, как разные инструменты занимают разные диапазоны частот.
  • Саунд-дизайн и синтез: анализировать патчи синтезатора и эффекты, чтобы видеть их частоты и их изменения.
  • Контроль качества звука: выявлять частотные артефакты, искажения от клиппинга и пропущенные диапазоны.
  • Музыкальное восприятие: видеть, как басы пульсируют с бочкой, середина наполняется гитарами, а высокие искрятся тарелками.

Как работает визуализатор

AnalyserNode из Web Audio API выполняет БПФ сигнала и возвращает данные по частотным бинам. Размер БПФ определяет разрешение: 2048 даёт 1024 бина (при 44,1 кГц около 43 Гц на бин), а 8192 - около 11 Гц на бин, гораздо детальнее. Можно настроить от 512 до 8192, балансируя детализацию и производительность.

  1. Загрузите и декодируйте файл: выберите MP3, WAV, M4A, OGG, AAC, FLAC или WebM; Web Audio API декодирует его локально в PCM.
  2. Воспроизведите и наблюдайте спектр: при нажатии Play источник подключается к AnalyserNode, который делает БПФ на каждый кадр и рисует спектр 60 раз в секунду.
  3. Настройте и сделайте снимок: переключайтесь между столбцами, линией и заполнением, выберите цветовую тему и нажмите «Снять кадр», чтобы скачать PNG.

Что показывает спектр: басы, середина и высокие

Ось Y показывает амплитуду от -60 дБ (тихо) до 0 дБ (максимум); AnalyserNode отображает выход БПФ в этот диапазон через свойства minDecibels и maxDecibels.

  • Басы (20-250 Гц): левая зона; содержит бочку, бас-гитару и низкий гул, а пики здесь означают сильную энергию в низах.
  • Середина (250 Гц-4 кГц): центральная зона; здесь большинство инструментов, вокал и речь, это ключевой диапазон для воспринимаемой громкости и разборчивости.
  • Высокие (4-20 кГц): правая зона; содержит тарелки, шипящие и воздух, их энергия добавляет миксу яркость и присутствие.
  • Амплитуда (шкала в дБ): от -60 дБ до 0 дБ, показывающая интенсивность каждой полосы в текущий момент.

Часто задаваемые вопросы

Визуализатор аудиоэквалайзера воспроизводит файл и показывает его спектр частот в реальном времени в виде живой столбчатой диаграммы эквалайзера. Наш визуализатор использует AnalyserNode из Web Audio API, чтобы получать данные о частотах 60 раз в секунду и рисовать их на HTML5-канвасе, без регистрации.

Визуализатор поддерживает любой формат, который браузер декодирует нативно: MP3, WAV, M4A, OGG, AAC, FLAC и WebM. Web Audio API выполняет декодирование локально в браузере, без загрузки на сервер.

Спектр показывает амплитуду (громкость) каждой полосы частот в текущий момент. Слева басы (20-250 Гц), в центре середина (250 Гц-4 кГц), справа высокие (4-20 кГц). Более высокие столбцы означают больше энергии на этой частоте.

Да. Вся обработка звука идёт локально в браузере через Web Audio API. Ваш файл никогда не отправляется на сервер, что обеспечивает полную приватность музыки и записей.

Да! Наш визуализатор на 100 % бесплатный: без регистрации, аккаунта и ограничений использования. Визуализируйте спектр частот любого файла прямо в браузере.

Поддерживаются три режима: Столбцы (классическая диаграмма эквалайзера), Линия (плавная кривая частот) и Заполнение (область под кривой частот). Каждый режим обновляется в реальном времени при 60 fps во время воспроизведения.

Да. Визуализатор показывает подписи частот по оси X (20 Гц, 100 Гц, 1 кГц, 10 кГц, 20 кГц) и амплитуды по оси Y (в дБ). Шкала частот логарифмическая, как воспринимает высоту человеческое ухо.

Размер БПФ (быстрого преобразования Фурье) определяет частотное разрешение спектра. Больший размер даёт больше частотных бинов и более гладкий, детальный спектр, но потребляет больше CPU. По умолчанию визуализатор использует БПФ 2048, то есть 1024 бина.

Да. Нажмите кнопку «Снять кадр», чтобы скачать PNG-снимок текущего спектра. Изображение включает подписи частот, шкалу амплитуды и текущее состояние спектра.