The Web Does No Innovation

Streamed Live on Twitch: twitch.tv/tsoding
Enable Subtitles for Twitch Chat
More Koil Episodes: kzbin.info/aero/PLpM-Dvs8t0VZ08cYW6yqNTWLKqLssw0nm
More C3 Episodes: kzbin.info/aero/PLpM-Dvs8t0VYwdrsI_O-7wpo-_MMIdeX8
Wallpapers: penger.city/wallpapers/
References:
- developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
- kzbin.info/www/bejne/fIq3i557aqeNY5I
- github.com/microsoft/TypeScript/issues/28308
- developer.mozilla.org/en-US/docs/Web/API/AudioWorkletNode
- github.com/TheBouteillacBear/webaudioworklet-wasm/blob/0632e138a561bd1adf2a3d4eec0e95b2fe1c52ca/src/moog/worklet-processor.js
Support:
- BTC: bc1qj820dmeazpeq5pjn89mlh9lhws7ghs9v34x9v9
- Pay for my VPS: zap-hosting.com/en/shop/donation/2038e94867b5e65cab2e72abf8ad956c/

[@patgarner]

cucumbersome

[@danv8718]

Word of the decade, IMHO

[@sillythewanderer4221]

@@danv8718 chobblesome

[@orangejuice732]

Will be using this at work from now on to describe our cypress test suite. It requires a cucumber abstraction so that our support people can read our cypress tests as expected ui functionality

[@Ander0072originalv2]

@@orangejuice732 "cypress" lol. I remember at my work they forced us to use gherkin and behave and it was hellish. Some produce person writes the Gherkin, and then you have to jimmy the underlying code to somehow 1-to-1 to the gherkin lines and be usuable for all tests. I know another team later went with cypress or ranorex stuff for their tests. We eventually escaped once the project ended and writing out tests in the language itself (e.g. Python for Python).

[@thundertastic896]

These backgrounds are bangers every time

[@adminisnyator]

literally pengers :3

[@playervalley]

this one got some buttocks source: some random guy testing windows xp beta in 2001

[@filipesommer8253]

"CORS was developed by the Devil himself" - Tsoding 2024 colorized

[@deshtechno]

Recreational rage session mixed with programming session

[@oraz.]

Web audio API is one addition that I really appreciate. Even if there are some design complaints it has a lot of scope and was designed more by one guy than committee which is probably good.

[@nikeedev]

Hi! Cello and orchestra player here; I recommend using 442 Hz, sounds better and crispier, and believe me, because most of the beautiful OST’s of a game, are played by an orchestra; hence why I recommend using 442 Hz. Good luck with Audio API!

[@blusterhash]

It actually should be 442.6 - much more crisper, lol

[@phillipanselmo8540]

442hz just sounds out of tune if you have good ears

[@AetherPowered]

@@phillipanselmo8540 Out of tune relative to what?

[@phillipanselmo8540]

@@AetherPowered relative to listening to A = 440hz your entire life

[@ultrasound1459]

It's the orgasmic wave 💦

[@plvr_strg]

a mr. Zozin... so there is more of them... Let's find them all and conquer the world!

[@heroe1486]

Was wondering how much time he could stick with xfce before switching to i3, as expected it didn't take long

[@jadetermig2085]

Is it i3 tho? Looks like dwm to me

[@KazmirRunik]

You technically COULD fully control audio from JavaScript before... by constructing wav-file data blobs out of pure bits. An exercise and a half, that. Though, nothing did pure sound as closely to the physical process as Matlab. Just map out the voltage across the speaker baffle at different points in time to generate your sound. If you wanted a sine wave at say, 1 hz, you made v(t=0) be 0, then v(0.25) = 1, v(0.5)=0, v(0.75)=-1, then v(1)=0, then interpolate all the other values for the sine wave that follows those points, then repeat as long as you want to play the sound. Divide t by 100 to get 100 Hz, divide it by 1000 to get 1000 Hz, et cetera. Adding waves together or turning a sine wave into, say, a square wave is as simple as adding the numbers of the corresponding v(t) values together or changing the interpolation functions. Every sound is fundamentally the addition of waves, so you _could_ make any sound, though it would be unreasonably tedious and time-consuming.

[@strupp1]

24:45 I do. It makes it easier for novices to understand and provides a sensible place to link the resulting element‘s class documentation.

[@viniciusrolandcrisci272]

where can I download these backgrounds?

[@alexitosworld]

"where are all the adults?" that cracked me 😂

[@zmeta8]

w3c just ate the OS and grew fat. for example, there is a w3c API called web USB.

[@ivanjermakov]

...which is flowned upon by every vendor except Google.

[@RustIsWinning]

Wait a minute does that mean I would be able to create a website that could jailbreak devices via USB?? Now that's sick.

[@TheoParis]

@@RustIsWinning Yes, however it won't work on browsers like Firefox.

[@RustIsWinning]

@@TheoParis Dont care about FireLosing. Chromium is winning!

[@MichaelSolovyev-l2y]

How do I get to your Discord?

[@bobby9568]

When will you do desk video?

[@Je3f0o]

There is some API transfer data ownership over `postMessage`. Which is not copying memory just passing pointer in background. So it helps with latency. I used that API long time ago transfering big data to other web workers and get back after processed.

[@Digitalgems9000]

when i see a title like that it's an instant like

[@cheebadigga4092]

listening to an audio snippet of a Norwegian "future library" website on zozins channel is something else lol

[@JohnDoe-np7do]

15:45 typical CORS moment 😢

[@rusting_in_peace]

I missed yesterday's stream because I don't use Twitch, so I wasn't notified. Fixed problem with a browser extension, anyway. I'm seeing it now. I hope to see the next one. have a good day.

[@blusterhash]

Generating wave samples should be definitely done with WebGL shaders to achieve massive paralellism and massive web api discontent (I don't know if it's even possible to do such a crazy thing)

[@yeetdatcodeboi]

The greatest API ever made is actually still useless if there is no sufficient access to it.

[@artemiasalina1860]

The web devs are in an arms race with AI so it won't take their jobs. With each new release of AI models the devs have to make the API more more complicated and nonsensical. They're gate-keeping against AI.

[@kdiffin]

what type of schizopost is this dawg 😭 web isnt hard

[@rustedanvil6918]

About future streams and working on game's audio api, could you just use single SharedArrayBuffer between wasm in AudioProcessor and wasm in index? Or maybe ditch the AudioProcessor and straight up use SharedArrayBuffer for audio node and do all the sound and mixing in blessed C3 natively

[@hubstrangers3450]

Thank you....

[@belst_]

whoever changed the title on DeArrow, nice one

[@gercius]

Misleading title, obviously, you never seen a button that can change left border color on hover.

[@rebokfleetfoot]

with an HTML5 tag?

[@re_detach]

I keep coming back to see what Mr. Zozin's desktop background will be next (Also look into the OscillatorNode type if you want to play multiple tones through an audio context, rather than raw dogging the float buffer. I agree the Web Audio API is nice to have but still annoying to use)

[@seventhtenth]

twitch chat transcript pog

[@ChimbzZ]

34:22 is my favorite moment 😂

[@grumblingdev]

we love penger!

[@yeetdatcodeboi]

A very important distinction is being made ~ 1:40:00

[@blackhaze3856]

4:30 Tsoding roasting gen z web devs

[@aidennwitz]

what does being a gen z have anything to do with web dev, other than the fact that most juniors are gen z? most current buzzwordish web technologies are made by and worked on by millenials and gen xers while the underlying tech like javascript, the browsers we use and so on were made by literal boomers who are all 60+ today.

[@recursion.]

@@aidennwitzcalm nga

[@adminisnyator]

Omg that haskell vid is how I stumbled across your channel :o

[@mfy0108]

Didn't know you have a CTL/CTH480, one of their nicest tablets imo

[@MiBox-jn6vx]

why did he quit xfce?

[@cameonn]

Thank you for making this kind of content. As someone who previously coded in react, I understand you better now.

[@Odod4000]

I love your videos. Keep it going!!!

[@hoyoreverse]

27:32 well in this case

[@h4dr05]

:teri4:

[@RustIsWinning]

Somebody translate please

[@alang.2054]

Html is the greatest programming language ever created.

[@blackhaze3856]

The best turing complete one

[@StevenMartinGuitar]

Time for a kappa tea

[@TheHadMatters]

4:40 - Isn't the innovation doing it safely enough that you can actually trust the execution of the web content enough to pass it on to OS-level software? Isn't that why Java plugins were used before? Because they isolated everything from the rest of your OS, so you could play audio files, without the browser devs having to worry whether that audio file might take over your computer through some security hole outside of their control? Ostensibly, then it wouldn't have been possible to force that transition earlier, because the browser devs wouldn't have been able to trust the OS devs enough because the OS applications weren't sufficiently tested for vulnerabilities? Plus I'd also assume that back then there were probably more standardisation issues between Linux, Mac, and Windows, and other software. The necessary standards to do what's happening now anyway might have existed, and you might argue all it might have taken is a better effort to reconcile the existing standards together, and I'd be inclined to agree, but aside from the devs not having the monetary incentive to do that, there's also just too many parties coming together, and it just needs one of them not to pull their weight for the thing you've developed not to get used because users get frustrated with the bugs. And even if that issue can be overcome, now you're back at the security risks. Just seems like giving it time to sort itself out over a decade or two might be the most reasonable approach.

[@donkeyy8331]

web and the word safe in the same sentence doesn't sit right with me.

[@alexanderkirilov7820]

@@donkeyy8331yet, here you are on youtube. I bet you never think even for a second: “Should I click this KZbin video.. or will I get hacked”

[@Ander0072originalv2]

@@alexanderkirilov7820 how much of that is just a byproduct of the fact that everything has been aggregated by a few major websites and corporations as opposed to the diverse internet? Even back then there were "safe" sections of the internet. It is just they didn't usually have something of value for everything, so you had to go to other, potentially less safe via ads, websites. Now, everyone has been pulled into the big few, and avoid dangers which do still exist. This is not a byproduct of the improvement of standards of security.

[@RustIsWinning]

You can never trust the execution of web content. Every new browser API that wants to do anything fancy will introduce a new attack surface. Even non-standard APIs like origin trials had critical CVEs. So much for security btw lol. Also I would say innovation is made at application level and not at interface level.

[@TheHadMatters]

@@Ander0072originalv2 The problem in this discussion is we're going to keep switching back and forth between developers' concerns, web hosts' concerns, and users' concerns, and no point will be made. Do you want to deny that it's safer for Chrome devs to rely on the safety of OS features nowadays? Do you really think they don't have fewer security holes and fewer compatibility issues than in the early 2000s?

[@juanmamani2110]

you are awesome!

[@rebokfleetfoot]

i would suggest you say zuck instead of f*ck, it would be more consistent with your excellent command of the language and tech skills :)

[@angeloceccato]

So webapis are simply standard cross platform interfaces 🤔 make sense...

[@fasogoss]

I'm here only for the wallpaper, My dude looks too cool!

[@rebokfleetfoot]

we used to have smart tags, their behavior could be determined depending on the content, which was unknown

[@NackLucky]

I love you.

[@derekstevens164]

In finance we have a saying, "My wife's son is always gay." It means we do the best we can given what we've been handed in life. Great content my dude.

[@peterhebden1557]

What the fuck?

[@vercolgo]

@@peterhebden1557 😆

[@BlueEyesWhiteTeddy]

People in finance never fail to dissappoint me lmao

[@tauiin]

@@BlueEyesWhiteTeddy thats strange they disappoint me all the time

[@BlueEyesWhiteTeddy]

@@tauiin For one to never fail to disappoint is when one is expected to disappoint and does so. I always expect finance people to disappoint and they always do :)

[@lagmaker]

That random bitboxes really makes you the Audio Developer

[@Barioncr]

Hello Mr. Tsoding. I wanted to ask you, what is nine plus ten?

[@gandelgerlant565]

The answer lies within yourself

[@ekshalibur]

obligatory 69

[@LBCreateSpace]

This video is intimidating….if you are a developer 😂

[@blusterhash]

Assuming semitone as 1.059 seems to be too rough

[@TsodingDaily]

Yes

[@brambasieldev]

most bait title so far

[@albertoguzman9390]

theme? :)

[@ali-g]

Bro can you at least split the video in 3 or 4 parts? How am I gonna raw dog an almost 4 hours long video with an interesting title?

[@ndrechtseiter]

sounds like a skill issue

[@stefanosanasi2268]

bro just watch until you want, then continue later

[@RukopisyNarnie]

Have you ever watched any other videos from tsoding? Xd

[@ali-g]

@@RukopisyNarnie They are all almost 2 hours long its discouraging at this point

[@ali-g]

@@stefanosanasi2268 I can't even remember to eat how am I gonna continue later?

[@rusting_in_peace]

🤯 hooolysht

[@Israel220500]

16:30 I someone who had to develop an integration between the frontend and backend of a project recently, I totally agree.

[@XORfun]

This one was painful… fucking web devs… 😢thank you for your sacrifice!

[@severgun]

Brown notes. VIEWER DISCRETION IS ADVISED

[@berndeckenfels]

1:14:30 Would sin be better than cos since it starts with 0 and therefore not „click“

[@rusting_in_peace]

😂cmoon

[@blackhaze3856]

aaaahhhh

[@cherloire7978]

last

[@DJViking-p7z]

Web Audio!! Yeah! This is a pretty clunky API but makes specific things a little more convenient

[@TsodingDaily]

Yeah, it actually feels like it was designed for very specific apps.

[@DJViking-p7z]

@@TsodingDaily Seriously - the analyserNode computes FFT data for you. none of the crazy recursive math that you did for Musializer / (X___X) \

[@Stroopwafe1]

Most convoluted over-engineered piece of shit for me has to be the DWARF debugging spec. Line number information is done as a state machine with custom byte code language.

[@adminisnyator]

Can't wait till other parts of the eco system adopt the ORC format

[@kevincarvalhodejesus4473]

Fuck, i'm using firefox got me nql lol 9:12

[@nel_tu_]

you just had to create two nodes to play overlapping sound but bro wrote a whole processor 😂 i guess it worked out in the end tho 🫡