Dadansoddwr Sbectrwm Sain am ddim

Sut Mae'n Gweithio

Mae'r Dadansoddwr Sbectrwm Sain yn rhedeg yn gyfan gwbl yn eich porwr gan ddefnyddio AnalyserNode Web Audio API, sy'n cyfrifo FFT (Trawsffurfiad Fourier Cyflym) amser real ar ddata sain o ffeil neu feicroffon. Mae pob ffrâm yn cael ei dynnu â chod Canvas 2D wedi'i ysgrifennu â llaw — nid oes llyfrgell delweddu'n gysylltiedig, ac nid yw'r sain byth yn gadael eich dyfais.

1. 1
   Mae sain yn cael ei ddadgodio a'i lwybro

   Pan fyddwch yn llwytho ffeil, mae'r Web Audio API yn ei ddadgodio i AudioBuffer ac yn ei lwybro drwy MediaElementAudioSourceNode i mewn i AnalyserNode. Ar gyfer mewnbwn meicroffon, mae getUserMedia() yn dal y ffrwd ac yn ei fwydo drwy MediaStreamAudioSourceNode yn lle hynny — gyda dileu adlais, atal sŵn, ac auto-gain i gyd wedi'u diffodd fel eich bod yn gweld y signal amrwd.
2. 2
   Mae AnalyserNode yn rhedeg yr FFT bob ffrâm

   Ar bob ffrâm animeiddio (drwy requestAnimationFrame), mae'r cod yn galw getFloatFrequencyData() i ddarllen sbectrwm maint FFT cyfredol mewn dBFS, a getFloatTimeDomainData() ar gyfer samplau ffurf don amrwd. Mae maint yr FFT yn gyfluniadwy o 2048 i 16384 bin, gan roi cydraniad amledd mor fân â tua 2.7 Hz/bin ar 44.1 kHz.
3. 3
   Mae Canvas 2D yn rendro'r golwg a ddewiswyd

   Mae'r golwg Dadansoddwr yn mapio biniau FFT ar echel X amledd-log (20 Hz–20 kHz) ac echel Y dBFS, yn tynnu'r sbectrwm fel llinell lawn, ac yn gorosod trywydd cadw-brig sy'n dadfeilio. Nodir yr amledd amlycaf drwy ryngosodiad parabolig o gwmpas y bin brig, yna ei drosi i'r nodyn cerddorol tempredig-cyfartal agosaf (A4=440 Hz) gyda gwyriad centiau'n cael ei ddangos yn y darlleniad. Mae'r golwg Sbectrogram yn sgrolio'r cynfas un picsel i'r chwith bob ffrâm ac yn peintio colofn newydd gan ddefnyddio rhamp lliw arddull inferno. Mae'r golwg Artistig yn defnyddio data cydraniad-bit amledd neu barth-amser ar gyfer moddau addurniadol bar, ffurf don, neu gylchol.
4. 4
   Allforio drwy Canvas a MediaRecorder

   Mae cadw PNG yn galw canvas.toBlob() i amgodio'r ffrâm gyfredol. Mae recordio fideo'n defnyddio canvas.captureStream(30) wedi'i gyfuno â thap sain o MediaStreamAudioDestinationNode, wedi'i biben i mewn i MediaRecorder sy'n cynhyrchu WebM neu MP4. Mae allforio WAV yn amgodio â llaw ffeil RIFF PCM 16-bit o'r AudioBuffer gan ddefnyddio DataView — dim amgodydd allanol.

Offer Cysylltiedig