This media is not supported in your browser
VIEW IN TELEGRAM
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,
AudioBufferSourceNode (Player) --> AnalyserNode (FFT) --> GainNode (Volume) --> AudioContext.destination (Speakers).
it uses
as i said, the visualizer engine depends on canvas 2D API. it runs on a dedicated
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
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
⚡9👍2❤1
finna take a walk and look at the rich guy's compound and his generator 🎧
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣7😁1
>21 missed calls
>look inside
>mom and dad blowing up my phone while i am fighting in my dream with the 4chan retard who happened to be a cow
just waking up tho. i can't even call myself a hustler🎧
>look inside
>mom and dad blowing up my phone while i am fighting in my dream with the 4chan retard who happened to be a cow
just waking up tho. i can't even call myself a hustler
Please open Telegram to view this post
VIEW IN TELEGRAM
😁14😭3❤2
seeing the outside properly after 8 consecutive days. shi is beautiful 🐸
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12
Please open Telegram to view this post
VIEW IN TELEGRAM
😁8
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
- 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