Besplatan Analizator audio spektra

Kako radi

Analizator audio spektra radi u potpunosti u vašem pregledniku koristeći AnalyserNode Web Audio API-ja, koji izračunava FFT (brzu Fourierovu transformaciju) u realnom vremenu na audio podacima iz datoteke ili mikrofona. Svaki kadar se crta ručno napisanim Canvas 2D kodom — nijedna biblioteka za vizualizaciju nije uključena, a zvuk nikada ne napušta vaš uređaj.

1. 1
   Zvuk se dekodira i usmjerava

   Kada učitate datoteku, Web Audio API je dekodira u AudioBuffer i usmjerava kroz MediaElementAudioSourceNode u AnalyserNode. Za ulaz s mikrofona, getUserMedia() hvata tok i propušta ga umjesto toga kroz MediaStreamAudioSourceNode — sa isključenim otkazivanjem eha, potiskivanjem šuma i automatskim pojačanjem kako biste vidjeli sirovi signal.
2. 2
   AnalyserNode izvršava FFT svaki kadar

   Na svakom kadru animacije (putem requestAnimationFrame), kod poziva getFloatFrequencyData() da pročita trenutni FFT spektar magnitude u dBFS, i getFloatTimeDomainData() za sirove uzorke valnog oblika. Veličina FFT-a je podesiva od 2048 do 16384 bina, dajući frekventnu rezoluciju finu do oko 2,7 Hz/bin na 44,1 kHz.
3. 3
   Canvas 2D iscrtava odabrani prikaz

   Prikaz Analizatora mapira FFT binove na logaritamsku frekventnu (20 Hz–20 kHz) X osu i dBFS Y osu, crta spektar kao ispunjenu liniju, i preklapa opadajući trag zadržavanja vrha. Dominantna frekvencija se precizno određuje pomoću parabolične interpolacije oko vršnog bina, zatim pretvara u najbliži jednako temperirani muzički ton (A4=440 Hz) s odstupanjem u centima prikazanim u očitavanju. Prikaz Spektrograma pomjera platno jedan piksel ulijevo svaki kadar i boji novu kolonu koristeći inferno-stil boja. Umjetnički prikaz koristi frekvencijske ili vremenske podatke u rezoluciji bajta za trake, valni oblik, ili kružne dekorativne modove.
4. 4
   Izvoz putem Canvas i MediaRecorder

   Čuvanje PNG-a poziva canvas.toBlob() da kodira trenutni kadar. Snimanje videa koristi canvas.captureStream(30) u kombinaciji sa audio priključkom iz MediaStreamAudioDestinationNode, provedenim kroz MediaRecorder koji proizvodi WebM ili MP4. WAV izvoz ručno kodira 16-bitnu PCM RIFF datoteku iz AudioBuffer koristeći DataView — bez vanjskog enkodera.

Povezani alati