Analizzatur tal-Ispettru tal-Awdjo b'xejn

Kif Taħdem

L-Analizzatur tal-Ispettru tal-Awdjo jaħdem kompletament fil-browser tiegħek bl-użu tal-AnalyserNode tal-Web Audio API, li jikkalkula FFT (Fast Fourier Transform) f'ħin reali fuq id-data tal-awdjo minn fajl jew mikrofonu. Kull frame tiġi mpinġija b'kodiċi Canvas 2D miktub bl-idejn — l-ebda librerija ta' viżwalizzazzjoni mhi involuta, u l-ebda awdjo joħroġ mill-apparat tiegħek.

1. 1
   L-awdjo jiġi dekodifikat u mmexxi

   Meta tgħabbi fajl, il-Web Audio API tiddekodifikah f'AudioBuffer u tmexxih permezz ta' MediaElementAudioSourceNode f'AnalyserNode. Għad-dħul mill-mikrofonu, getUserMedia() jikkaptura l-istream u jitmajgħu permezz ta' MediaStreamAudioSourceNode minflok — bit-tħassir tal-eku, it-tnaqqis tal-istorbju, u l-gain awtomatiku kollha mitfija biex tara s-sinjal mhux ipproċessat.
2. 2
   L-AnalyserNode jaħdem l-FFT kull frame

   F'kull frame ta' animazzjoni (permezz ta' requestAnimationFrame), il-kodiċi jsejjaħ getFloatFrequencyData() biex jaqra l-ispettru kurrenti tal-magnitudni tal-FFT f'dBFS, u getFloatTimeDomainData() għall-kampjuni mhux ipproċessati tal-waveform. Id-daqs tal-FFT huwa konfigurabbli minn 2048 sa 16384 bins, jagħti riżoluzzjoni tal-frekwenza tant fina daqs madwar 2.7 Hz/bin f'44.1 kHz.
3. 3
   Canvas 2D jirrenderja l-veduta magħżula

   Il-veduta tal-Analizzatur timmappja l-bins tal-FFT fuq ass X ta' frekwenza logaritmika (20 Hz–20 kHz) u ass Y ta' dBFS, tiddisinja l-ispettru bħala linja mimlija, u tqiegħed traċċa ta' żamma ta' quċċata li tiddgħajjef fuqha. Il-frekwenza dominanti tiġi identifikata bl-użu ta' interpolazzjoni parabolika madwar il-bin tal-quċċata, imbagħad konvertita għall-eqreb nota mużikali equal-tempered (A4=440 Hz) b'devjazzjoni ta' cents murija fil-qari. Il-veduta tal-Ispettrogramm tiskrolja l-canvas pixel wieħed lejn ix-xellug kull frame u tpittar kolonna ġdida bl-użu ta' skala ta' kulur stil inferno. Il-veduta Artistika tuża data ta' frekwenza jew ta' dominju taż-żmien b'riżoluzzjoni ta' byte għal modi dekorattivi tal-bar, waveform, jew ċirkolari.
4. 4
   Esportazzjoni permezz ta' Canvas u MediaRecorder

   Is-sejvjar ta' PNG isejjaħ canvas.toBlob() biex jikkodifika l-frame kurrenti. Ir-reġistrazzjoni ta' vidjo tuża canvas.captureStream(30) flimkien ma' tap tal-awdjo minn MediaStreamAudioDestinationNode, imwassal f'MediaRecorder li jipproduċi WebM jew MP4. L-esportazzjoni WAV tikkodifika bl-idejn fajl RIFF PCM ta' 16-bit mill-AudioBuffer bl-użu ta' DataView — l-ebda encoder estern.

Għodod Relatati