I don't write Web Audio Weekly[1] anymore, but if I did, I'd do a special issue just for @heydon's Hyperblam: https://hyperblam.how/.
It's a declarative way of constructing web audio graphs using custom elements that express what you want to achieve musically.
A perfect mash up of "because I can" web audio stuff and educational writing. And, mercifully, "AI" fucking free. Love it!
Also if you want a sneak preview of the tape thing it’s now online here https://tape.r0b.io
You can turn it on and do some recording then download the wav by hitting the “eject” button to get some high quality audio!
Playback and changing tapes coming soon (tm)
I got it recording and downloading lossless audio! 🎉 so it’s:
- creating an AudioContext at 48kHz
- adding a worklet that chunks up 32 bit stereo audio samples to post them to the main thread
- receiving those chunks and writing them into standard sized IndexedDB samples
- (async) iterating through all those samples and creating a WAV blob for the browser to download
I’m very much regretting my goal of “no libraries”, but I’ve learned quite a lot in doing so! The next step is to work out how to play the audio in-browser with variable playback speeds (for fast forward/rewind)
Shipped V1.3 of Tessering — free browser-based spatial audio workstation. Biggest release since V1.0.
Segment editing: razor split (R key), move, resize, delete, duplicate. Per-stem timeline composition with full undo/redo. Shift+click splits all stems at playhead.
Technical: 6 new CommandStack commands with snapshot-based undo. stem_segments Supabase table. Segment-aware OfflineRenderer.
tessering.com
#SpatialAudio #WebAudio #WebDev #BuildInPublic #IndieHacker #CreativeTools
A oddity of #WebAudio that got my ass for a few hours: When passing in sines and cosines for doing Fourier synthesis with PeriodicWave, the first cosine is a DC offset, /not/ the fundamental. Likewise, the second sine is the fundamental, but the first is completely ignored.
I only needed sines, so I had zero hints as to what was going on aside from a big wiggle in my expected output.
Креативное программирование: визуализация звука
Привет, я Игорь Аникин, Frontend разработчик RUTUBE TECH. Медиадизайнер, специализируюсь на компьютерной графике. Увлекаюсь программированием более 15 лет. Это небольшой мастер-класс, как визуализировать звук двумя способами. Текст подойдёт любому читателю, которому интересна выразительная часть цифрового мира.
5 years ago I released the first video of the @mercury Playground for the browser, for live coding in the web! 🙂
Here's a new short video to celebrate some of the changes and updates that have been made since then:
https://www.youtube.com/watch?v=97hKDQJfgJo
All the code can be downloaded through links in the description of the video.
Chris Lowis
Rob Anderson
Ronald
Tessering
68K 💜🐾
Habr
Marquis de Geek
Timo
Aleš Roubíček