refined it actually. it's customizable either ways

remembered i had a free will and was experimenting with this last night. it's an audio visualizer purely made with web audio API and raw canvas API for the visuals.

how it works

it has two main files, AudioController.ts and VisualizerEngine.ts. the audio controller relies on web audio API and has a signal path:

AudioBufferSourceNode (Player) --> AnalyserNode (FFT) --> GainNode (Volume) --> AudioContext.destination (Speakers).

it uses getByteFrequencyData to extract the spectrum and getByteTimeDomainData to extract the waveform (oscilloscope data). the engine manually iterates through specific indices of the frequency array to calculate average energy for bass, mids, and treble. this normalized data is used for the visual parameters then.

as i said, the visualizer engine depends on canvas 2D API. it runs on a dedicated requestAnimationFrame loop to make sure a consistent 60fps (or 144fps on high-refresh monitors).

this is like an overview of it. i didn't know the concepts before. it's kinda nice what you can build these days with a limited set of knowledge and curiosity. i can make this a native desktop app and monitor output audio from spotify. it'd be nice to put it on the background while working or smtn

i went out again, cuz got addicted to fetira thanks to certain someone. have the pic i took

added KaTeX support. i ain't spamming you with updates anymore beka, but this one was cool 😂

some useful stuffs i found this week

- Google Style Guides: coding style guides for google open-source projects. it got their language specific coding styles. imagine feeding this to your AI, this will guide it to produce a more architecturally decent code
- Meta's Open-Source Projects - this is an archive of meta's open-source projects. you can pick up one and contribute to enhance your portfolio if you need some real-world experience
- realworkfromanywhere.com - kinda a good job board for remote roles
- VERT - decent opensource file converter. literally supports everything

such an emo kid

bruh

my site btw

aight, spammed you for straight week. will be back after a week or two? or maybe a month? stay safe tho, and have a great week ahead