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 Π»Π΅Ρ. ΠΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΌΠ°ΡΡΠ΅Ρ-ΠΊΠ»Π°ΡΡ, ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π·Π²ΡΠΊ Π΄Π²ΡΠΌΡ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ. Π’Π΅ΠΊΡΡ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ Π»ΡΠ±ΠΎΠΌΡ ΡΠΈΡΠ°ΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π° Π²ΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠ°ΡΡΡ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠΈΡΠ°.
https://habr.com/ru/companies/habr_rutube/articles/1028574/
#Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ #Π·Π²ΡΠΊ #webaudio #javascript #touchdesigner
ΠΡΠΈΠ²Π΅Ρ, Ρ ΠΠ³ΠΎΡΡ ΠΠ½ΠΈΠΊΠΈΠ½, Frontend ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ RUTUBE TECH. ΠΠ΅Π΄ΠΈΠ°Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ, ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΡΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ½ΠΎΠΉ Π³ΡΠ°ΡΠΈΠΊΠ΅. Π£Π²Π»Π΅ΠΊΠ°ΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π±ΠΎΠ»Π΅Π΅ 15 Π»Π΅Ρ. ΠΠ΅Π΄Ρ Telegram-Π±Π»ΠΎΠ³ ΠΏΡΠΎ Π½ΠΎΠ²ΡΠ΅ ΠΌΠ΅Π΄ΠΈΠ° . ΠΡΠΎ...
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.
New FM synth added to the Mercury Playground @mercury, coded with a single AudioWorkletProcessor inside a ToneAudioNode from ToneJS
It's a basic FM with a single modulator-(envelope)->carrier setup, and can be extended with extra voices and detuning to run 2-3 or more operators.
Syntax: `new synth fm index() ratio() fmShape()`
Some tutorials available on the website
#mercurylivecoding #fmsynthesis #webaudio #audioworkletprocessor #javascript #mercury #browserbased
Rob Anderson
Ronald
Tessering
68K ππΎ
Habr
Marquis de Geek
Timo
AleΕ‘ RoubΓΔek