ℹ️❤️🖥 aka Compy-chan @ilovecomputers@xoxo.zone

I found my theme song

https://youtu.be/GHxA9DYtkSc

Hopelessly Useless Due to the Circumstances of Floating in the Universe

Illustration by @_hmx12
Code by yours truely

https://www.ilovecomputers.org/Projects/HUDCFU/

The origin of my name is from Golden Boy

...
Well retroactively; a friend told me they found my username in an old anime

I miss having white boards at work. Encouraged me to doodle

#my #doodle #art

Back in college I took up crochet and made #amigurumi. This one I pretty much had to make up on my own: Waddles from #GravityFalls

My low-budget stream is tonight at 8:30 pm PST. I will visit my abandoned #ACNH island. Will it be overrun with weed? Did Isabella pimp out Nook to keep the lights on? We’ll see

https://www.twitch.tv/ilovecomputers

>looks at the "Thank you" footer of Racket''s website
>DARPA
>Exxon

lol wat

Have another from Ladaniva

https://www.youtube.com/watch?v=GXWXhXoFBWY

I'm now a fan of Gata. This Armenian folk jam is so upbeat

https://www.youtube.com/watch?v=Htxxc4B-gHg

How the fuck!?

I like to keep my JS vanilla and avoid third party dependencies. FastDOM, however, is an exception and honestly, I wish the DOM had a batching mechanism built-in

https://github.com/wilsonpage/fastdom

I love these fun to use dev tools that Apple creates

https://developer.apple.com/augmented-reality/tools/

I played Among Us for the first time with my coworkers. I immediately got killed by my boss

I wanted to have a page for health widget and apps
Another for productivity
Another for settings
But trying to set that up is so goddamn tedious

Hey Apple, thanks for widgets and pages and shit

but are you honestly gonna make manually me drag around each and every icon and widget? Would it have killed you to let me rearrange pages at the very fucking least!?

Ah fuck, AOC is streaming tonight!? No, no backsies. If you wanna watch a low budget stream of me playing Tetris 99, tune in now https://www.twitch.tv/ilovecomputers

Ready to stream Tetris 99 tonight at around 8pm PST

https://www.twitch.tv/ilovecomputers

Dropped off my ballot! God speed little checkmarks

I just wish there was an existing spectrogram js library that would use the browser's built in FFT and draw a spectrogram in the background. You can pan and zoom with ease, no matter how long the audio is. The audio was based on an actual <audio> tag. Plus, it wasn't overloaded with other features like wavesurfer is.

This goddamn spectrogram rabbit hole is dragging me further and further away from my main explorable audio editor project, but it's necessary to do this for such an essential component. Just like with a subtitle editor, you need a spectrogram to sync up audio with text.

Another spectogram takes an easier route and uses a zoom matrix in a webgl context: https://github.com/bastibe/WebGL-Spectrogram/blob/135b43ab20f07a01cc45e25540ca1cc997d493dd/spectrogram.js#L498

FFT has a tradeoff between time resolution and frequency resolution. Plus you have a limited number of sizes to choose from: https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/fftSize

How then does an audio timeline viewer like wavesurfer fit into different sized canvases. Does it mess with that FFT size? Nah, it resamples the matrix using some interpolation algorithm. wtf, I'm waaaay over my head here y'all:
https://github.com/katspaugh/wavesurfer.js/blob/master/src/plugin/spectrogram/index.js#L432

being reminded that I'm not a real engineer

Open Mike Eagle's new album "Anime, Trauma And Divorce" is out

Here's some background on it: https://www.nytimes.com/2020/10/14/arts/music/open-mike-eagle-anime-trauma-divorce.html

I look forward to givin it a listen

However, look at that <audio> example again: https://wavesurfer-js.org/example/mediaelement-webaudio/index.html

Notice something fishy? The waveform is passed in! It's pre-processed! https://github.com/katspaugh/wavesurfer.js/blob/master/example/mediaelement-webaudio/app.js#L24

What if you don't pass such data into wavesurfer? Well...it falls back to loading that audio file into a goddman audiobuffer https://github.com/katspaugh/wavesurfer.js/blob/a33cea854c232593d97ed0527a52a40187d060dd/src/wavesurfer.js#L1459

Which falls back to the strategy I was using to draw my spectrogram, so back to square one.