Audio spektra analizators bez maksas

Kā tas darbojas

Audio spektra analizators darbojas pilnībā jūsu pārlūkprogrammā, izmantojot Web Audio API AnalyserNode, kas aprēķina reāllaika FFT (ātro Furjē transformāciju) audio datiem no faila vai mikrofona. Katrs kadrs tiek zīmēts ar pašrakstītu Canvas 2D kodu — nav iesaistīta neviena vizualizācijas bibliotēka, un audio neatstāj jūsu ierīci.

1. 1
   Audio tiek dekodēts un maršrutēts

   Kad ielādējat failu, Web Audio API to dekodē AudioBuffer un maršrutē caur MediaElementAudioSourceNode uz AnalyserNode. Mikrofona ievadei getUserMedia() uztver plūsmu un padod to caur MediaStreamAudioSourceNode — ar izslēgtu atbalss atcelšanu, trokšņa slāpēšanu un automātisko pastiprinājumu, lai redzētu neapstrādāto signālu.
2. 2
   AnalyserNode katrā kadrā izpilda FFT

   Katrā animācijas kadrā (caur requestAnimationFrame) kods izsauc getFloatFrequencyData(), lai nolasītu pašreizējo FFT amplitūdas spektru dBFS, un getFloatTimeDomainData() neapstrādātiem viļņa formas paraugiem. FFT izmērs ir konfigurējams no 2048 līdz 16384 joslām, dodot frekvenču izšķirtspēju līdz pat aptuveni 2.7 Hz/josla pie 44.1 kHz.
3. 3
   Canvas 2D renderē izvēlēto skatu

   Analizatora skats kartē FFT joslas uz logaritmiskās frekvences (20 Hz–20 kHz) X asi un dBFS Y asi, zīmē spektru kā aizpildītu līniju un uzliek izgaistošu pīķa saglabāšanas trasējumu. Dominējošā frekvence tiek noteikta, izmantojot parabolisko interpolāciju ap pīķa joslu, tad konvertēta tuvākajai vienādas temperācijas muzikālajai notij (A4=440 Hz), rādot centu novirzi. Spektrogrammas skats ritina audeklu par vienu pikseli pa kreisi katrā kadrā un krāso jaunu kolonnu, izmantojot inferno stila krāsu skalu. Mākslinieciskais skats izmanto baita izšķirtspējas frekvences vai laika domēna datus joslu, viļņa formas vai apļveida dekoratīviem režīmiem.
4. 4
   Eksports caur Canvas un MediaRecorder

   PNG saglabāšana izsauc canvas.toBlob(), lai kodētu pašreizējo kadru. Video ierakstīšana izmanto canvas.captureStream(30) kombinācijā ar audio atzaru no MediaStreamAudioDestinationNode, novadītu uz MediaRecorder, kas rada WebM vai MP4. WAV eksports pats kodē 16 bitu PCM RIFF failu no AudioBuffer, izmantojot DataView — bez ārēja kodētāja.

Saistītie rīki