મફત ઓડિયો સ્પેક્ટ્રમ એનાલાઇઝર

આ કેવી રીતે કાર્ય કરે છે

Audio Spectrum Analyzer Web Audio API ના AnalyserNode નો ઉપયોગ કરીને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે, જે ફાઇલ કે માઇક્રોફોનમાંથી ઓડિયો ડેટા પર રીયલ-ટાઇમ FFT (Fast Fourier Transform) ગણે છે. દરેક ફ્રેમ હાથે લખેલા Canvas 2D કોડ સાથે દોરવામાં આવે છે — કોઈ વિઝ્યુલાઇઝેશન લાઇબ્રેરી સામેલ નથી, અને કોઈ ઓડિયો તમારા ડિવાઇસને છોડતો નથી.

1. 1
   ઓડિયો ડીકોડ અને રૂટ થાય છે

   જ્યારે તમે ફાઇલ લોડ કરો છો, ત્યારે Web Audio API તેને AudioBuffer માં ડીકોડ કરે છે અને MediaElementAudioSourceNode દ્વારા AnalyserNode માં રૂટ કરે છે. માઇક્રોફોન ઇનપુટ માટે, getUserMedia() સ્ટ્રીમ કૅપ્ચર કરે છે અને તેને MediaStreamAudioSourceNode દ્વારા ફીડ કરે છે — ઇકો કેન્સલેશન, નોઈઝ સપ્રેશન, અને ઓટો-ગેઇન બધા બંધ સાથે જેથી તમે કાચો સિગ્નલ જુઓ.
2. 2
   AnalyserNode દરેક ફ્રેમમાં FFT ચલાવે છે

   દરેક એનિમેશન ફ્રેમ પર (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-frequency (20 Hz–20 kHz) X એક્સિસ અને dBFS Y એક્સિસ પર મેપ કરે છે, spectrum ને ભરેલી લાઇન તરીકે દોરે છે, અને ડિકેઇંગ peak-hold trace ઓવરલે કરે છે. પ્રબળ ફ્રિકવન્સી peak bin ની આસપાસ parabolic interpolation વાપરીને શોધવામાં આવે છે, પછી readout માં cent deviation બતાવીને નજીકના equal-tempered musical note (A4=440 Hz) માં કન્વર્ટ થાય છે. Spectrogram વ્યૂ દરેક ફ્રેમ કેનવાસને એક પિક્સેલ ડાબે સ્ક્રોલ કરે છે અને inferno-style color ramp વાપરીને નવી કૉલમ પેઇન્ટ કરે છે. Artistic વ્યૂ bar, waveform, અથવા circular ડેકોરેટિવ મોડ માટે byte-resolution frequency કે time-domain ડેટા વાપરે છે.
4. 4
   Canvas અને MediaRecorder દ્વારા એક્સપોર્ટ

   PNG સાચવવાથી વર્તમાન ફ્રેમ એન્કોડ કરવા માટે canvas.toBlob() કૉલ થાય છે. વિડિયો રેકોર્ડ કરવું MediaStreamAudioDestinationNode ના ઓડિયો ટેપ સાથે સંયોજિત canvas.captureStream(30) વાપરે છે, WebM કે MP4 જનરેટ કરતા MediaRecorder માં પાઇપ કરેલું. WAV એક્સપોર્ટ DataView વાપરીને AudioBuffer માંથી 16-bit PCM RIFF ફાઇલ હાથે એન્કોડ કરે છે — કોઈ બાહ્ય એન્કોડર નહીં.

સંબંધિત સાધનો