නොමිලේ ශ්‍රව්‍ය වර්ණාවලි විශ්ලේෂකය

එය ක්‍රියා කරන්නේ කෙසේද

Audio Spectrum Analyzer, ගොනුවකින් හෝ මයික්‍රෆෝනයකින් ශ්‍රව්‍ය දත්ත මත තථ්‍ය-කාලීන FFT (Fast Fourier Transform) එකක් ගණනය කරන Web Audio API හි AnalyserNode භාවිතයෙන් සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ. සෑම රාමුවක්ම අතින් ලියන ලද Canvas 2D කේතයෙන් අඳිනු ලැබේ — දෘශ්‍යකරණ පුස්තකාලයක් සම්බන්ධ නොවේ, ශ්‍රව්‍යය ඔබේ උපාංගයෙන් පිටතට නොයයි.

1. 1
   ශ්‍රව්‍යය decode කර මාර්ග ගත කෙරේ

   ඔබ ගොනුවක් පූරණය කරන විට, Web Audio API එය AudioBuffer එකකට decode කර MediaElementAudioSourceNode එකක් හරහා AnalyserNode එකකට මාර්ග ගත කරයි. මයික්‍රෆෝන ආදානය සඳහා, getUserMedia() ප්‍රවාහය ග්‍රහණය කර ඒ වෙනුවට MediaStreamAudioSourceNode එකක් හරහා එය සපයයි — ඔබට රෝ සංඥාව පෙනෙන ලෙස echo cancellation, noise suppression, සහ auto-gain සියල්ල අක්‍රියව.
2. 2
   AnalyserNode සෑම රාමුවකම FFT ධාවනය කරයි

   සෑම animation රාමුවකදීම (requestAnimationFrame හරහා), කේතය dBFS හි වත්මන් FFT magnitude spectrum කියවීමට getFloatFrequencyData() ඇමතුම් කර, රෝ waveform නියැදි සඳහා getFloatTimeDomainData() ඇමතුම් කරයි. FFT ප්‍රමාණය bins 2048 සිට 16384 දක්වා වින්‍යාස කළ හැකි අතර, 44.1 kHz හිදී bin එකකට Hz 2.7ක් තරම් සුමට සංඛ්‍යාත විභේදනයක් ලබා දෙයි.
3. 3
   Canvas 2D තෝරාගත් දසුන නිරූපණය කරයි

   Analyzer දසුන FFT bins ලඝු-සංඛ්‍යාත (Hz 20–20 kHz) X අක්ෂය සහ dBFS Y අක්ෂය මතට සිතියම් ගත කර, spectrum එක පිරවූ රේඛාවක් ලෙස අඳින අතර, decay වන peak-hold ලකුණක් overlay කරයි. ප්‍රමුඛ සංඛ්‍යාතය peak bin එක වටා parabolic interpolation භාවිතයෙන් නිශ්චිත කර, පසුව cent විචලනය සමඟ ආසන්නතම equal-tempered සංගීත නෝටුවට (A4=440 Hz) පරිවර්තනය කෙරේ. Spectrogram දසුන සෑම රාමුවකදීම canvas එක pixel එකක් වමට scroll කර, inferno-style වර්ණ ramp එකකින් නව තීරුවක් අඳියි. Artistic දසුන bar, waveform, හෝ ගෝලාකාර අලංකාරාත්මක ප්‍රකාර සඳහා byte-විභේදන සංඛ්‍යාත හෝ time-domain දත්ත භාවිතා කරයි.
4. 4
   Canvas සහ MediaRecorder හරහා නිර්යාතය

   PNG එකක් සුරැකීම වත්මන් රාමුව encode කිරීමට canvas.toBlob() ඇමතුම් කරයි. වීඩියෝවක් පටිගත කිරීම MediaStreamAudioDestinationNode එකකින් ශ්‍රව්‍ය tap එකක් සමඟ ඒකාබද්ධව canvas.captureStream(30) භාවිතා කර, WebM හෝ MP4 නිපදවන MediaRecorder එකකට pipe කරයි. WAV නිර්යාතය DataView එකක් භාවිතයෙන් AudioBuffer එකෙන් 16-bit PCM RIFF ගොනුවක් අතින් encode කරයි — බාහිර encoder එකක් නැත.

සම්බන්ධ මෙවලම්