Таҳлилгари спектри аудио-и ройгон

Чӣ тавр он кор мекунад

Таҳлилгари Спектри Аудио пурра дар браузери шумо бо истифодаи AnalyserNode-и API-и Web Audio кор мекунад, ки FFT (Табдили Фурьеи Фаврӣ)-и вақти воқеиро аз маълумоти аудио аз файл ё микрофон ҳисоб мекунад. Ҳар фрейм бо рамзи дастнависи Canvas 2D кашида мешавад — ягон китобхонаи тасвиркунӣ дахл надорад, ва ягон аудио дастгоҳатонро тарк намекунад.

1. 1
   Аудио рамзкушоӣ ва равона карда мешавад

   Ҳангоме ки файлеро бор мекунед, API-и Web Audio онро ба AudioBuffer рамзкушоӣ карда, тавассути MediaElementAudioSourceNode ба AnalyserNode равона мекунад. Барои вуруди микрофон, getUserMedia() ҷараёнро мегирад ва ба ҷои он тавассути MediaStreamAudioSourceNode ғизо медиҳад — бо бекоркунии акс-садо, паст кардани садои заминавӣ ва гейни худкор ҳама хомӯш, то сигнали хомро бубинед.
2. 2
   AnalyserNode FFT-ро дар ҳар фрейм иҷро мекунад

   Дар ҳар фрейми аниматсия (тавассути requestAnimationFrame), рамз getFloatFrequencyData()-ро даъват мекунад, то спектри амплитудаи ҷории FFT-ро дар dBFS хонад, ва getFloatTimeDomainData()-ро барои намунаҳои хоми мавҷнамо. Андозаи FFT аз 2048 то 16384 бин танзимшаванда аст, ки возеҳияти басомадиро то тахминан 2.7 Hz/бин дар 44.1 kHz медиҳад.
3. 3
   Canvas 2D намуди интихобшударо тасвир мекунад

   Намуди Таҳлилгар бинҳои FFT-ро ба меҳвари X-и басомади логарифмӣ (20 Hz–20 kHz) ва меҳвари Y-и dBFS харита мекунад, спектрро ҳамчун хатти пуркунида кашида, изи пик-нигоҳдории коҳишёбандаро рӯйпӯш мекунад. Басомади ғолиб бо интерполясияи параболикӣ дар атрофи бини пик муайян карда, сипас ба наздиктарин нотаи мусиқии баробармизоҷ (A4=440 Hz) бо гузаришти сент дар хониш нишон дода мешавад. Намуди Спектрограмма Canvas-ро ҳар фрейм як пиксел ба чап мелағжонад ва сутуни навро бо гузаришти рангии услуби инферно рангубор мекунад. Намуди Ҳунарӣ маълумоти басомад ё домани вақти дараҷаи байтро барои ҳолатҳои ороишии сутунӣ, мавҷнамо ё давравӣ истифода мебарад.
4. 4
   Содирот тавассути Canvas ва MediaRecorder

   Захира кардани PNG canvas.toBlob()-ро даъват мекунад, то фрейми ҷориро рамзгузорӣ кунад. Сабти видео canvas.captureStream(30)-ро якҷоя бо як хатти аудио аз MediaStreamAudioDestinationNode истифода мебарад, ки ба MediaRecorder дохил мешавад ва WebM ё MP4 тавлид мекунад. Содироти WAV файли RIFF-и PCM-и 16-бита-ро дастнависона аз AudioBuffer бо истифодаи DataView рамзгузорӣ мекунад — бидуни рамзгузори берунӣ.

Абзорҳои марбут