Анализатор спектра звука — бесплатно
Визуализируйте звуковые частоты в реальном времени в виде полос, осциллограммы или кругового спектра. Работает с аудиофайлами или микрофоном — всё в браузере.
Перетащите файл сюда или нажмите для выбора
MP3, WAV, OGG, M4A, FLAC, AAC, OPUS · обрабатывается на вашем устройстве
или нажмите Ctrl+V, чтобы вставить из буфера обмена
Ваши файлы никогда не покидают устройство. Вся обработка происходит локально в браузере.
Настройки
Частота дискретизации: 44,1 kHz · Разрешение: 5,4 Hz/bin · FFT 8192
Весь анализ выполняется в вашем браузере с использованием Web Audio API — ваше аудио никогда не загружается.
Частые применения
- Анализ звука подкастовПроверьте записи подкастов на наличие шума в комнате, взрывов и свистящих звуков, используя спектр.
Как это работает
Анализатор аудиоспектра полностью работает в вашем браузере с использованием AnalyserNode API Web Audio, который вычисляет БПФ (быстрое преобразование Фурье) в реальном времени на аудиоданных из файла или микрофона. Каждый кадр рисуется написанным вручную кодом Canvas 2D — никакая библиотека визуализации не задействована, и никакое аудио не покидает ваше устройство.
- 1Аудио декодируется и маршрутизируетсяКогда вы загружаете файл, API Web Audio декодирует его в AudioBuffer и маршрутизирует через MediaElementAudioSourceNode в AnalyserNode. Для входа с микрофона getUserMedia() захватывает поток и подаёт его через MediaStreamAudioSourceNode вместо этого — с отключёнными эхоподавлением, шумоподавлением и автоусилением, чтобы вы видели необработанный сигнал.
- 2AnalyserNode выполняет БПФ на каждом кадреНа каждом кадре анимации (через requestAnimationFrame) код вызывает getFloatFrequencyData() для чтения текущего спектра амплитуды БПФ в дБFS, и getFloatTimeDomainData() для необработанных сэмплов формы волны. Размер БПФ настраивается от 2048 до 16384 бинов, давая частотное разрешение вплоть до примерно 2,7 Гц/бин при 44,1 кГц.
- 3Canvas 2D рендерит выбранный видВид «Анализатор» отображает бины БПФ на логарифмической оси частоты X (20 Гц–20 кГц) и оси дБFS Y, рисует спектр как заполненную линию и накладывает затухающий след удержания пика. Доминирующая частота определяется с помощью параболической интерполяции вокруг пикового бина, затем преобразуется в ближайшую равномерно темперированную музыкальную ноту (A4=440 Гц) с отклонением в центах, показанным в показании. Вид «Спектрограмма» прокручивает холст на один пиксель влево на каждом кадре и рисует новый столбец с использованием цветовой градации в стиле inferno. Вид «Художественный» использует данные частоты или временной области с байтовым разрешением для режимов баров, формы волны или круговых декоративных режимов.
- 4Экспорт через Canvas и MediaRecorderСохранение PNG вызывает canvas.toBlob() для кодирования текущего кадра. Запись видео использует canvas.captureStream(30) в сочетании с аудиоотводом от MediaStreamAudioDestinationNode, направленным в MediaRecorder, создающий WebM или MP4. Экспорт WAV вручную кодирует 16-битный PCM RIFF-файл из AudioBuffer с помощью DataView — без внешнего кодировщика.
Ваш аудиофайл декодируется в браузере с помощью API Web Audio и никогда не загружается — байты файла остаются на вашем устройстве на протяжении анализа и экспорта.
Похожие инструменты
Генератор тонов
Генератор чистых тонов от 1 Гц до 22 кГц, а также белого, розового и коричневого шума: проверка левого и правого динамика, пресеты нот, воспроизведение онлайн или скачивание WAV/MP3.
Добавить музыку в видео
Добавьте музыку или любую аудиодорожку в видео: замените исходный звук или смешайте с ним, настройте громкость, начало, повтор и затухание. Изображение копируется без перекодирования. Работает в браузере.
Поиск BPM и тональности
Оцените темп (BPM) и музыкальную тональность песни в вашем браузере с опцией постукивания по темпу.