This is so cool, I love the oscilloscope display especially. Playing around with the frequency and resonance on the filter is especially tasty. Great job!
Viewing post in Concord 🍇 Web Synth comments
Thank you! The oscilloscope actually came about because I was trying to figure out a weird audio issue 2/3 the way through the project. Turns out the stock BiquadFilterNode behaves weird when you use a sub-1Hz frequency and starts slowly biasing the signal until you can’t play anything anymore because it’s saturated to all hell. Once I figured out that issue, I figured what the hey, leave it in as a fun visual treat. A spectrum analyzer you can toggle between would be a good addition, especially once more automation features are implemented.
Yeah, ADSR I absolutely want to implement, but it’s a bit tricky with how Web Audio is structured. If you were operating in a controlled environment, you could place ADSR automations on a parameter timeline and call it a day. But we have to consider that someone can change an envelope parameter mid-play, and this should affect the shape in realtime.
One approach is sampling the current value on change and plotting out new timeline events based on the new values. (You can erase all pending ones!)
Another approach is going full custom DSP mode and creating an envelope generator that tracks its own values and generates an offset to use as a “CV”. Probably the saner approach in the long-term, but requires more up-front research.
As for MIDI support, also planned. The only reason it hasn’t been more of a priority is because that’s a Blink-exclusive (Chrome, Edge, Opera, etc.) feature, and a lot of folks from the jam probably don’t have MIDI equipment. That said, jam’s over, I want to implement MIDI now. Maybe even set up an Electron (ugh) build so it can be run standalone.