ఉచిత ఆడియో స్పెక్ట్రమ్ అనలైజర్

ఇది ఎలా పనిచేస్తుంది

ఆడియో స్పెక్ట్రమ్ అనలైజర్ 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 మాగ్నిట్యూడ్ స్పెక్ట్రమ్ చదవడానికి getFloatFrequencyData(), ముడి వేవ్‌ఫార్మ్ శాంపిల్‌ల కోసం getFloatTimeDomainData() పిలుస్తుంది. FFT పరిమాణం 2048 నుండి 16384 బిన్‌ల వరకు కాన్ఫిగర్ చేయవచ్చు, 44.1 kHz వద్ద సుమారు 2.7 Hz/bin వరకు సూక్ష్మ ఫ్రీక్వెన్సీ రిజల్యూషన్ ఇస్తుంది.
3. 3
   Canvas 2D ఎంచుకున్న వీక్షణను గీస్తుంది

   అనలైజర్ వీక్షణ FFT బిన్‌లను లాగ్-ఫ్రీక్వెన్సీ (20 Hz–20 kHz) X అక్షం మరియు dBFS Y అక్షంపై మ్యాప్ చేసి, స్పెక్ట్రమ్‌ను నింపిన రేఖగా గీసి, క్షీణించే పీక్-హోల్డ్ ట్రేస్‌ను పైన చూపుతుంది. ప్రధాన ఫ్రీక్వెన్సీ పీక్ బిన్ చుట్టూ పారాబోలిక్ ఇంటర్‌పోలేషన్‌తో కచ్చితంగా గుర్తించబడి, దగ్గరి సమ-టెంపర్డ్ సంగీత స్వరానికి (A4=440 Hz) మార్చబడుతుంది, సెంట్ విచలనం రీడౌట్‌లో చూపబడుతుంది. స్పెక్ట్రోగ్రామ్ వీక్షణ ప్రతి ఫ్రేమ్‌లో కాన్వాస్‌ను ఒక పిక్సెల్ ఎడమకు స్క్రోల్ చేసి inferno-శైలి రంగు ర్యాంప్‌తో కొత్త కాలమ్ గీస్తుంది. ఆర్టిస్టిక్ వీక్షణ బార్, వేవ్‌ఫార్మ్ లేదా వృత్తాకార అలంకార మోడ్‌ల కోసం బైట్-రిజల్యూషన్ ఫ్రీక్వెన్సీ లేదా టైమ్-డొమైన్ డేటా ఉపయోగిస్తుంది.
4. 4
   Canvas మరియు MediaRecorder ద్వారా ఎగుమతి

   PNG సేవ్ చేయడం ప్రస్తుత ఫ్రేమ్‌ను ఎన్‌కోడ్ చేయడానికి canvas.toBlob() పిలుస్తుంది. వీడియో రికార్డింగ్ canvas.captureStream(30)ను MediaStreamAudioDestinationNode నుండి ఆడియో ట్యాప్‌తో కలిపి, WebM లేదా MP4 ఉత్పత్తి చేసే MediaRecorderకు పంపుతుంది. WAV ఎగుమతి DataView ఉపయోగించి AudioBuffer నుండి 16-bit PCM RIFF ఫైల్‌ను చేతితో ఎన్‌కోడ్ చేస్తుంది — బాహ్య ఎన్‌కోడర్ లేదు.

సంబంధిత సాధనాలు