Olùṣàyẹ̀wò Ìtànṣán Ohùn Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Analyzer Ìgbòhùngbọ̀n Ohun Ìró ń ṣiṣẹ́ pátápátá nínú aṣàwákiri rẹ pẹ̀lú AnalyserNode ti API Web Audio, èyí tí ó ń ṣírò FFT (Fast Fourier Transform) ní àkókò gidi lórí dátà ohun ìró láti inú fáìlì tàbí makirofóònù. A ń yà férémù kọ̀ọ̀kan pẹ̀lú kóòdù Canvas 2D tí a fi ọwọ́ kọ — kò sí ìwé-ìṣirò àwòrán, kò sí ohun ìró tí ó kúrò lára ẹ̀rọ rẹ.

1. 1
   A ń ṣe díkóòdù ohun ìró, a sì ń darí rẹ̀

   Nígbà tí o bá kó fáìlì kan wọlé, API Web Audio ń ṣe díkóòdù rẹ̀ sí AudioBuffer, ó sì darí rẹ̀ nípasẹ̀ MediaElementAudioSourceNode sí AnalyserNode kan. Fún ìbáwọlé makirofóònù, getUserMedia() ń mú ìṣàn náà, ó sì fi kọjá nípasẹ̀ MediaStreamAudioSourceNode dípò bẹ́ẹ̀ — pẹ̀lú ìparẹ́ ìró-padà, ìdínkù ariwo, àti gain aládàáṣe tí gbogbo wọn ti pa — nítorí náà o rí àmì àkọ́kọ́ gan-an.
2. 2
   AnalyserNode ń ṣiṣẹ́ FFT ní férémù kọ̀ọ̀kan

   Ní gbogbo férémù àwòrán (nípasẹ̀ requestAnimationFrame), kóòdù náà ń pe getFloatFrequencyData() láti ka ìgbòhùngbọ̀n FFT lọ́wọ́lọ́wọ́ ní dBFS, àti getFloatTimeDomainData() fún àwọn àpẹẹrẹ wéfọ̀mù gan-an. Ìwọ̀n FFT lè ṣàtúnṣe láti 2048 sí 16384 bins, tí ó ń fún ní ìdájú ìgbòhùngbọ̀n tí ó dín tó ìwọ̀n 2.7 Hz/bin ní 44.1 kHz.
3. 3
   Canvas 2D ń ṣe àwòrán ìwo tí a yàn

   Ìwo Analyzer ń fi àwọn bins FFT sí àsà X-àyè log-ìgbòhùngbọ̀n (20 Hz–20 kHz) àti àsà Y dBFS, ó sì ń yà ìgbòhùngbọ̀n náà gẹ́gẹ́ bí ìlà tí a fi kún, ó sì ń fi ọ̀wọ́ ìdúró-ìpele tí ó ń dínkù bò ó. A ń rí ìgbòhùngbọ̀n tí ó pọ̀ jùlọ nípasẹ̀ ìṣírò parabolic yíká bin tí ó ga jùlọ, a sì ń yí padà sí ohùn orin tí ó súnmọ́ jùlọ (A4=440 Hz) pẹ̀lú ìyàtọ̀ cent tí a fihàn nínú kíkàwé náà. Ìwo Spectrogram ń yí canvas náà pixel kan sí òsì ní férémù kọ̀ọ̀kan, ó sì ń kun ọ̀wọ̀n tuntun kan pẹ̀lú àwọ̀ inferno-style. Ìwo Artistic ń lo dátà ìgbòhùngbọ̀n tàbí àkókò-ẹ̀ka ní ìdájú byte fún àwọn ipò ọ̀pá, wéfọ̀mù, tàbí àyíká.
4. 4
   Gbígbé jáde nípasẹ̀ Canvas àti MediaRecorder

   Fífi PNG pamọ́ ń pe canvas.toBlob() láti kó férémù lọ́wọ́lọ́wọ́ padà. Gbígba fídíò ń lo canvas.captureStream(30) papọ̀ pẹ̀lú fífà ohun ìró láti inú MediaStreamAudioDestinationNode, tí ó ń gba nípasẹ̀ MediaRecorder tí ó ń ṣe WebM tàbí MP4. Gbígbé WAV jáde ń fi ọwọ́ kó fáìlì RIFF PCM 16-bit láti inú AudioBuffer pẹ̀lú DataView — kò sí encoder ìta.

Àwọn Irinṣẹ Tó Jọra