இலவச ஆடியோ ஸ்பெக்ட்ரம் ஆய்வாளர்

இது எவ்வாறு செயல்படுகிறது

Audio Spectrum Analyzer முழுவதும் உங்கள் உலாவியில் Web Audio API இன் AnalyserNode மூலம் இயங்குகிறது; இது கோப்பு அல்லது மைக்ரோஃபோனிலிருந்து வரும் ஆடியோ தரவில் நேரலை FFT (Fast Fourier Transform) கணக்கிடுகிறது. ஒவ்வொரு ஃப்ரேமும் கையால் எழுதிய Canvas 2D குறியீட்டால் வரையப்படுகிறது — காட்சிப்படுத்தல் நூலகம் இல்லை, எந்த ஆடியோவும் உங்கள் சாதனத்தை விட்டு வெளியேறுவதில்லை.

1. 1
   ஆடியோ decode செய்யப்பட்டு வழிநடத்தப்படுகிறது

   நீங்கள் ஒரு கோப்பை ஏற்றும்போது, Web Audio API அதை AudioBuffer ஆக decode செய்து MediaElementAudioSourceNode வழியாக AnalyserNode க்கு அனுப்புகிறது. மைக்ரோஃபோன் உள்ளீட்டுக்கு, getUserMedia() stream ஐப் பிடித்து MediaStreamAudioSourceNode வழியாக அனுப்புகிறது — மூலச் சமிக்ஞையைக் காண echo cancellation, noise suppression, auto-gain அனைத்தும் முடக்கப்பட்டுள்ளன.
2. 2
   AnalyserNode ஒவ்வொரு ஃப்ரேமிலும் FFT இயக்குகிறது

   ஒவ்வொரு animation frame இலும் (requestAnimationFrame வழியாக), குறியீடு dBFS இல் தற்போதைய FFT magnitude spectrum ஐப் படிக்க getFloatFrequencyData() ஐயும், மூல அலைவடிவ மாதிரிகளுக்கு getFloatTimeDomainData() ஐயும் அழைக்கிறது. FFT அளவு 2048 முதல் 16384 bins வரை அமைக்கக்கூடியது; 44.1 kHz இல் சுமார் 2.7 Hz/bin வரை நுண்ணிய அதிர்வெண் தெளிவுத்திறனைத் தருகிறது.
3. 3
   Canvas 2D தேர்ந்தெடுத்த காட்சியை வரைகிறது

   Analyzer காட்சி FFT bins ஐ log-அதிர்வெண் (20 Hz–20 kHz) X அச்சிலும் dBFS Y அச்சிலும் பொருத்தி, spectrum ஐ நிரப்பிய கோடாக வரைந்து, மங்கும் peak-hold தடத்தை மேலடுக்குகிறது. ஆதிக்க அதிர்வெண் உச்ச bin ஐச் சுற்றி parabolic interpolation மூலம் துல்லியமாகக் கண்டறியப்பட்டு, அருகிலுள்ள equal-tempered இசை ஸ்வரத்துக்கு (A4=440 Hz) மாற்றப்பட்டு, cent விலகலுடன் காட்டப்படுகிறது. Spectrogram காட்சி ஒவ்வொரு ஃப்ரேமிலும் canvas ஐ ஒரு pixel இடதுபுறம் நகர்த்தி inferno-பாணி வண்ண வரம்பில் புதிய நெடுவரிசையை வரைகிறது. Artistic காட்சி bar, waveform அல்லது வட்ட அலங்காரப் பயன்முறைகளுக்கு byte-தெளிவுத்திறன் அதிர்வெண் அல்லது time-domain தரவைப் பயன்படுத்துகிறது.
4. 4
   Canvas மற்றும் MediaRecorder மூலம் ஏற்றுமதி

   PNG சேமிப்பது தற்போதைய ஃப்ரேமை குறியாக்க canvas.toBlob() ஐ அழைக்கிறது. வீடியோ பதிவு canvas.captureStream(30) ஐ MediaStreamAudioDestinationNode இலிருந்து வரும் ஆடியோவுடன் இணைத்து, WebM அல்லது MP4 உருவாக்கும் MediaRecorder க்கு அனுப்புகிறது. WAV ஏற்றுமதி DataView மூலம் AudioBuffer இலிருந்து 16-bit PCM RIFF கோப்பைக் கையால் குறியாக்குகிறது — வெளி encoder இல்லை.

தொடர்புடைய கருவிகள்