Bepul Audio Spektri Tahlilchisi

Qanday ishlaydi

Audio spektr tahlilchisi Web Audio API'ning AnalyserNode'idan foydalanib to'liq brauzeringizda ishlaydi, u fayl yoki mikrofondan olingan audio ma'lumotlarida real vaqtda FFT (Tez Fure O'zgartirishi) hisoblaydi. Har bir kadr qo'lda yozilgan Canvas 2D kodi bilan chiziladi — hech qanday vizualizatsiya kutubxonasi aralashmaydi, va hech qanday audio qurilmangizdan chiqib ketmaydi.

1. 1
   Audio dekodlanadi va yo'naltiriladi

   Fayl yuklaganingizda, Web Audio API uni AudioBuffer'ga dekodlaydi va MediaElementAudioSourceNode orqali AnalyserNode'ga yo'naltiradi. Mikrofon kirishi uchun getUserMedia() oqimni qo'lga oladi va uni MediaStreamAudioSourceNode orqali beradi — aks-sado bekor qilish, shovqin bostirish va avto-kuchayish o'chirilgan holda, shunda siz xom signalni ko'rasiz.
2. 2
   AnalyserNode har bir kadrda FFT'ni ishga tushiradi

   Har bir animatsiya kadrida (requestAnimationFrame orqali), kod joriy FFT amplituda spektrini dBFS'da o'qish uchun getFloatFrequencyData() ni, xom to'lqin shakli namunalari uchun esa getFloatTimeDomainData() ni chaqiradi. FFT o'lchami 2048 dan 16384 bin'gacha sozlanadi, 44.1 kHz da bin boshiga taxminan 2.7 Hz aniqlikni beradi.
3. 3
   Canvas 2D tanlangan ko'rinishni chizadi

   Tahlilchi ko'rinishi FFT bin'larini log-chastota (20 Hz–20 kHz) X o'qi va dBFS Y o'qiga joylashtiradi, spektrni to'ldirilgan chiziq sifatida chizadi va so'nuvchi cho'qqi-ushlab turish izini qo'yadi. Ustun chastota cho'qqi bin atrofida parabolik interpolyatsiya yordamida aniqlanadi, so'ng eng yaqin teng temperlangan musiqiy notaga (A4=440 Hz) o'giriladi, ko'rsatkichda sent farqi bilan. Spektrogramma ko'rinishi har kadrda kanvasni bir piksel chapga suradi va inferno uslubidagi rang shkalasi yordamida yangi ustunni bo'yaydi. San'atkorona ko'rinish ustunli, to'lqin shakli yoki doiraviy dekorativ rejimlar uchun bayt-aniqlikdagi chastota yoki vaqt sohasi ma'lumotlaridan foydalanadi.
4. 4
   Canvas va MediaRecorder orqali eksport

   PNG saqlash joriy kadrni kodlash uchun canvas.toBlob() ni chaqiradi. Video yozib olish canvas.captureStream(30) ni MediaStreamAudioDestinationNode'dan audio olish bilan birlashtiradi, WebM yoki MP4 ishlab chiqaruvchi MediaRecorder'ga yo'naltiradi. WAV eksporti DataView yordamida AudioBuffer'dan 16-bitli PCM RIFF faylini qo'lda kodlaydi — tashqi kodlagichsiz.

Tegishli asboblar