Негізгі мазмұнға өту

Аудио спектр анализаторы — тегін

Аудио жиіліктерін нақты уақытта жолақтар, толқын пішімдері немесе дөңгелек спектрлер ретінде бейнелеңіз. Аудио файлдармен немесе тірі микрофон кірісімен жұмыс істейді — браузерде жұмыс істейді.

Жүктелгеннен кейін офлайн жұмыс істейді

Файлды осы жерге тастаңыз немесе таңдау үшін басыңыз

MP3, WAV, OGG, M4A, FLAC, AAC, OPUS · құрылғыңызда өңделеді

немесе алмасу буферінен қою үшін Ctrl+V басыңыз

Файлдарды шолу

Файлдарыңыз ешқашан құрылғыңызды тастамайды. Барлық өңдеу шолғышыңызда жергілікті түрде жүзеге асырылады.

—
Басым жиілік
—
Ең жақын нота
—
Шың деңгейі
—
RMS деңгейі
Баптаулар
Жиілік шкаласы

Дискретизация жиілігі: 44,1 kHz · Ажыратымдылық: 5,4 Hz/bin · FFT 8192

Барлық талдау Web Audio API арқылы браузеріңізде орындалады — аудиоңыз ешқашан жүктелмейді.

Жиі қолданылуы

  • Podcast дыбысын талдаңызСпектрды пайдаланып podcast жазуларын бөлме дыбысы, plosives және sibilance үшін тексеңіз.

Қалай жұмыс істейді

Аудио Спектр Талдағышы толығымен браузеріңізде Web Audio API-дың AnalyserNode арқылы жұмыс істейді, ол файл немесе микрофоннан алынған аудио деректерде нақты уақыттағы FFT (Жылдам Фурье Түрлендіруі) есептейді. Әр кадр қолмен жазылған Canvas 2D кодымен сызылады — ешбір визуализация кітапханасы қатыспайды, әрі ешбір аудио құрылғыңыздан шықпайды.

  1. 1
    Аудио декодталады және бағытталады
    Файлды жүктегенде, Web Audio API оны AudioBuffer-ге декодтап, MediaElementAudioSourceNode арқылы AnalyserNode-ке бағыттайды. Микрофон кірісі үшін getUserMedia() ағынды түсіреді және оны MediaStreamAudioSourceNode арқылы бағыттайды — шикі сигналды көру үшін жаңғырықты жою, шуды басу және авто-күшейту толығымен өшірілген.
  2. 2
    AnalyserNode әр кадрда FFT-ты іске қосады
    Әр анимация кадрында (requestAnimationFrame арқылы), код дБFS-те ағымдағы FFT шамасы спектрін оқу үшін getFloatFrequencyData()-ды, шикі толқын пішіні сампліяры үшін getFloatTimeDomainData()-ды шақырады. FFT өлшемі 2048-ден 16384 бинге дейін бапталады, 44.1 кГц кезінде шамамен 2.7 Гц/бин дейін жиілік ажыратымдылығын береді.
  3. 3
    Canvas 2D таңдалған көріністі өңдейді
    Талдағыш көрінісі FFT биндерін лог-жиілік (20 Гц–20 кГц) X осіне және дБFS Y осіне сәйкестендіреді, спектрді толтырылған сызық ретінде сызады және бәсеңдейтін шың-ұстау ізін қабаттастырады. Басым жиілік шың биннің айналасында параболалық интерполяция арқылы дәл анықталады, содан кейін оқуда цент ауытқуымен көрсетілетін ең жақын тепе-тең реттелген музыкалық нотаға (A4=440 Гц) түрлендіріледі. Спектрограмма көрінісі әр кадрда canvas-ты бір пиксель солға жылжытады және инферно стиліндегі түс рампасы арқылы жаңа баған салады. Көркемдік көрінісі жолақ, толқын пішіні немесе шеңберлік декоративті режимдер үшін байт-ажыратымдылықты жиілік немесе уақыт-облысы деректерін пайдаланады.
  4. 4
    Canvas және MediaRecorder арқылы экспорттау
    PNG сақтау ағымдағы кадрды кодтау үшін canvas.toBlob()-ты шақырады. Бейне жазу MediaStreamAudioDestinationNode-тен аудио түсірумен біріктірілген canvas.captureStream(30)-ды пайдаланады, WebM немесе MP4 шығаратын MediaRecorder-ге бағытталады. WAV экспорты AudioBuffer-ден DataView арқылы 16-биттік PCM RIFF файлын қолмен кодтайды — сыртқы кодтауыш жоқ.

Аудио файлыңыз Web Audio API арқылы браузерде декодталады және ешқашан жүктелмейді — файл байттары талдау мен экспорт барысында құрылғыңызда қалады.

Байланысты құралдар

Жиі қойылатын сұрақтар