मोफत ऑडिओ स्पेक्ट्रम अॅनालायझर

हे कसे कार्य करते

Audio Spectrum Analyzer Web Audio API च्या AnalyserNode चा वापर करून पूर्णपणे तुमच्या ब्राउझरमध्ये चालतो, जो फाइल किंवा मायक्रोफोनमधील ऑडिओ डेटावर रिअल-टाइम FFT (Fast Fourier Transform) मोजतो. प्रत्येक फ्रेम हाताने लिहिलेल्या Canvas 2D कोडने काढली जाते — कोणतीही व्हिज्युअलायझेशन लायब्ररी वापरलेली नाही, आणि कोणताही ऑडिओ तुमच्या डिव्हाइसमधून बाहेर जात नाही.

1. 1
   ऑडिओ डीकोड आणि रूटेड होतो

   तुम्ही फाइल लोड करता तेव्हा, Web Audio API ती AudioBuffer मध्ये डीकोड करते आणि MediaElementAudioSourceNode द्वारे AnalyserNode कडे रूट करते. मायक्रोफोन इनपुटसाठी, getUserMedia() स्ट्रीम पकडते आणि त्याऐवजी MediaStreamAudioSourceNode द्वारे फीड करते — echo cancellation, noise suppression आणि auto-gain सर्व बंद ठेवून जेणेकरून तुम्हाला कच्चा सिग्नल दिसेल.
2. 2
   AnalyserNode प्रत्येक फ्रेमला FFT चालवते

   प्रत्येक अॅनिमेशन फ्रेमवर (requestAnimationFrame द्वारे), कोड सध्याचा FFT magnitude spectrum dBFS मध्ये वाचण्यासाठी getFloatFrequencyData() कॉल करतो, आणि कच्च्या वेव्हफॉर्म सॅम्पल्ससाठी getFloatTimeDomainData(). FFT आकार 2048 ते 16384 बिन्स दरम्यान कॉन्फिगर करण्यायोग्य आहे, 44.1 kHz वर सुमारे 2.7 Hz/bin इतकी सूक्ष्म वारंवारता रिझोल्यूशन देत.
3. 3
   Canvas 2D निवडलेले दृश्य रेंडर करते

   Analyzer दृश्य FFT बिन्सला लॉग-वारंवारता (20 Hz–20 kHz) X अक्ष आणि dBFS Y अक्षावर मॅप करते, spectrum ला भरलेली रेषा म्हणून काढते, आणि क्षीण होणारा peak-hold ट्रेस ओव्हरले करते. मुख्य वारंवारता peak bin भोवती parabolic interpolation वापरून निश्चित केली जाते, नंतर readout मध्ये cent deviation सह जवळच्या equal-tempered संगीत नोट (A4=440 Hz) मध्ये रूपांतरित केली जाते. Spectrogram दृश्य प्रत्येक फ्रेमला canvas एक पिक्सेल डावीकडे स्क्रोल करते आणि inferno-style रंग रॅम्प वापरून नवीन स्तंभ रंगवते. Artistic दृश्य bar, waveform किंवा circular सजावटीच्या मोडसाठी byte-resolution वारंवारता किंवा time-domain डेटा वापरते.
4. 4
   Canvas आणि MediaRecorder द्वारे एक्सपोर्ट

   PNG सेव्ह केल्याने सध्याची फ्रेम एन्कोड करण्यासाठी canvas.toBlob() कॉल होतो. व्हिडिओ रेकॉर्ड करण्यासाठी canvas.captureStream(30) MediaStreamAudioDestinationNode मधील ऑडिओ टॅपसह एकत्र वापरले जाते, WebM किंवा MP4 तयार करणाऱ्या MediaRecorder मध्ये पाइप केले जाते. WAV एक्सपोर्ट DataView वापरून AudioBuffer वरून 16-बिट PCM RIFF फाइल हाताने एन्कोड करते — बाह्य एन्कोडर नाही.

संबंधित साधने