ነፃ የድምጽ ስፔክትረም መተንተኛ

እንዴት እንደሚሠራ

የድምጽ ስፔክትረም ተንታኙ የWeb Audio API's AnalyserNodeን በመጠቀም ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል፣ ይህም ከፋይል ወይም ከማይክሮፎን የድምጽ ውሂብ ላይ በእውነተኛ ጊዜ FFT (Fast Fourier Transform) ያሰላል። እያንዳንዱ ፍሬም በእጅ-በተጻፈ Canvas 2D ኮድ ይሳላል — ምንም የእይታ ላይብረሪ የለም፣ እና ምንም ድምጽ ከመሳሪያዎ አይወጣም።

1. 1
   ድምጽ ይገለበጣል እና ይመራል

   ፋይል ሲጭኑ፣ Web Audio API ወደ AudioBuffer ይገለብጠዋል እና በMediaElementAudioSourceNode በኩል ወደ AnalyserNode ይመራዋል። ለማይክሮፎን ግቤት፣ getUserMedia() ዥረቱን ይይዛል እና በምትኩ በMediaStreamAudioSourceNode በኩል ይመግበዋል — ኢኮ-ስረዛ፣ የጫጫታ-ማፈን፣ እና auto-gain ሁሉም ተሰናክለው ስለዚህ ጥሬ ሲግናሉን ያያሉ።
2. 2
   AnalyserNode በእያንዳንዱ ፍሬም FFTን ያካሂዳል

   በእያንዳንዱ አኒሜሽን ፍሬም (በrequestAnimationFrame በኩል)፣ ኮዱ getFloatFrequencyData()ን ይጠራል የአሁኑን FFT ትልቅነት ስፔክትረም በdBFS ለማንበብ፣ እና getFloatTimeDomainData()ን ለጥሬ ሞገድ ቅርጽ ናሙናዎች። የFFT መጠን ከ2048 እስከ 16384 bins ሊስተካከል ይችላል፣ በ44.1 kHz እስከ 2.7 Hz/bin ያህል ጥሩ ድግግሞሽ ልዩነት ይሰጣል።
3. 3
   Canvas 2D የተመረጠውን እይታ ያሳያል

   የተንታኝ እይታ FFT binsን ወደ log-frequency (20 Hz–20 kHz) X ዘንግ እና dBFS Y ዘንግ ያመዛግባል፣ ስፔክትረሙን እንደ የተሞላ መስመር ይስላል፣ እና የሚቀንስ የጫፍ-ይዞታ ትራስ ይደራርባል። ዋና ድግግሞሽ በጫፍ bin ዙሪያ parabolic interpolation በመጠቀም ይታወቃል፣ ከዚያ ወደ ቅርብ equal-tempered musical note (A4=440 Hz) ይቀየራል በንባቡ ውስጥ የሚታይ ሳንት ልዩነት ጋር። የSpectrogram እይታ canvasን በእያንዳንዱ ፍሬም አንድ ፒክሰል ግራ ያንከባልላል እና inferno-style color rampን በመጠቀም አዲስ አምድ ይቀባል። የAristic እይታ ለባር፣ ሞገድ ቅርጽ፣ ወይም ክብ ጌጣጌጥ ሁነታዎች byte-resolution ድግግሞሽ ወይም ጊዜ-ጎራ ውሂብ ይጠቀማል።
4. 4
   በCanvas እና MediaRecorder በኩል ላክ

   PNG ማስቀመጥ canvas.toBlob()ን ይጠራል የአሁኑን ፍሬም ለመመስጠር። ቪዲዮ መቅዳት canvas.captureStream(30)ን ከMediaStreamAudioDestinationNode የድምጽ tap ጋር ተጣምሮ ይጠቀማል፣ WebM ወይም MP4 ወደሚያመርት MediaRecorder ውስጥ ገብቶ። WAV ላክ ከAudioBuffer DataView በመጠቀም 16-bit PCM RIFF ፋይል በእጅ ይመሰጥራል — ምንም ውጫዊ ኢንኮደር የለም።

ተዛማጅ መሳሪያዎች