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