Show HN: Web DSP audio editor
dsp.audio
Show HN: Web DSP audio editor
1–10 of 49 posts
Re: Show HN: Web DSP audio editor
#2Creator here, happy to answer any questions! Here's an example delay effect: https://dsp.audio/editor/QbQuSG8sMKsMnrqgf7NB/1
Please feel free to use the tool to prototype or show your creations around.
— Please note that the app runs only on Chrome > v66, for now, because Chrome is the only browser implementing the Audio Worklet[1] spec. Other browser will follow suit (hopefully) soon
[1] https://developers.google.com/web/updates/2017/12/audio-work...
Re: Show HN: Web DSP audio editor
#3A sound engineering illiterate here. But, both the project and the new API from chrome looks like something very interesting that I'd not want to miss.
Can somebody ELI5 to me, what this is about? Or point me in the right direction perhaps.
Re: Show HN: Web DSP audio editor
#4Creator here, happy to answer any questions! Here's an example delay effect: https://dsp.audio/editor/QbQuSG8sMKsMnrqgf7NB/1 Please feel free to use the tool to prototype or show your creations around. — Please note that the app runs only on Chrome > v66, for now, because Chrome is the only browser implementing the Audio Worklet[1] spec. Other browser will follow suit (hopefully) soon [1] https://developers.google.co…
Sorry for the dumb question as I'm not in the field, but is this meant for actual midi/audio in? I tried clicking the keys on the midi to no avail, so I would assume I would use this with an actual midi (or midi file)?
Re: Show HN: Web DSP audio editor
#5Doesn't seem to play on Android 6, Chrome.
Re: Show HN: Web DSP audio editor
#6Creator here, happy to answer any questions! Here's an example delay effect: https://dsp.audio/editor/QbQuSG8sMKsMnrqgf7NB/1 Please feel free to use the tool to prototype or show your creations around. — Please note that the app runs only on Chrome > v66, for now, because Chrome is the only browser implementing the Audio Worklet[1] spec. Other browser will follow suit (hopefully) soon [1] https://developers.google.co…
Sorry for the dumb question as I'm not in the field, but is this meant for actual midi/audio in? I tried clicking the keys on the midi to no avail, so I would assume I would use this with an actual midi (or midi file)?
Audio in is supported - it just uses your computer's audio in. Just press on the "Line In" checkbox on the left to allow your browser to access your audio. Alternatively, you can send a pre-set sample to the worklet by selecting it from the dropdown menu and pressing "Play"
Midi in is not supported yet, i.e. you can't press a key on your connected MIDI keyboard to send a MIDI message to the worklet yet. You can simulate it with the keyboard on the left. Quoting the Help page (accessible with the "?" button on the top right):
"The MIDI IN keyboard will send MIDI messages to the worklet's MessagePort. Messages are objects of the form {type: ['noteon' | 'noteoff'], value: { note, octave, midi, frequency } }"
Using physical MIDI controls will be supported in future releases, though.
Re: Show HN: Web DSP audio editor
#7This is great!
I especially like that you've included a share mechanism. I built an audio dsp playground before, but didn't spend enough time on it to provide that.
Are you going to add a discovery page to browse people's creations?
Re: Show HN: Web DSP audio editor
#8A sound engineering illiterate here. But, both the project and the new API from chrome looks like something very interesting that I'd not want to miss. Can somebody ELI5 to me, what this is about? Or point me in the right direction perhaps.
In short, Audio Worklet is a new API which allows you to write code to generate or modify an audio signal in real time. The key point is that it runs in a separate browser thread, i.e. it doesn't have to wait for the browser painting the screen or loading stuff from the network to do the calculations necessary to generate the audio signal. This allows much smoother and continuous sound, something that was not possible before. Worklets share the interface with normal audio nodes, which means that they can be connected with other nodes (such as pre-made sample players, oscillators, filters) and even microphone / line in inputs.
This application allows you to write, test and save / share them. The idea is to have an online playground to share DSP code, like a sort of JSFiddle, but for audio.
Re: Show HN: Web DSP audio editor
#9Creator here, happy to answer any questions! Here's an example delay effect: https://dsp.audio/editor/QbQuSG8sMKsMnrqgf7NB/1 Please feel free to use the tool to prototype or show your creations around. — Please note that the app runs only on Chrome > v66, for now, because Chrome is the only browser implementing the Audio Worklet[1] spec. Other browser will follow suit (hopefully) soon [1] https://developers.google.co…
Sorry for the dumb question as I'm not in the field, but is this meant for actual midi/audio in? I tried clicking the keys on the midi to no avail, so I would assume I would use this with an actual midi (or midi file)?
This is a good introduction to worklets: https://developers.google.com/web/updates/2017/12/audio-work...
These are a bunch of demos: https://googlechromelabs.github.io/web-audio-samples/audio-w...
Re: Show HN: Web DSP audio editor
#10Doesn't seem to play on Android 6, Chrome.
What did you do to try it? How does it fail?