Audio
See also:
System:
I cannot stress this enough. When dealing with your audio signal ALWAYS use gain nodes and never set them above 1.0. ALWAYS. Forever.
https://sonoport.github.io/audio-params.html
Want to use it for:
- beat maker/sharer
- music player
- sfx
- atmosphere, environmental and bg sounds etc.
MOD player – play tracks – create own playlist – create own tracks – isers can add way points in map to trigger track/add to play list
Background info
https://sonoport.github.io/audio-params.html
https://www.soundonsound.com/series/synth-secrets-sound-sound
Synthesised webAudio Drums
Kick/Bass Drum
There are some clues here:
think of it as a flowchart of nodes…
flowchart LR
id1("VCO ⎍ ∿") --> id2(" ❤ ")Roland used a Bridge-T Oscillator – makes a sine wave…
https://www.soundonsound.com/techniques/synthesizing-drums-bass-drum
https://www.soundonsound.com/techniques/practical-bass-drum-synthesis
limitations of <audio> tag
- latency
- limited # of sounds at once
- no real time effect
- no synthesis
- no analysis
Web Audio API does all that and more… and its NATIVE:) Just make an audio context…
think of it as a flowchart of nodes…
flowchart LR
id1(Source - OscillatorNode) --> id2(Destination - Speakers)flowchart LR
id1(Source - OscillatorNode) --> id2(Destination - Speakers)Bassoontracker
Probably WAY overkill for what I am envisaging – but proves the point of what can be done.
https://www.stef.be/bassoontracker
modArchive
Resources
Reiss, J. (2022). Working with the Web Audio API (1st ed.). Focal Press. https://doi.org/10.4324/9781003221937
Turner, W., & Leonard, S. (2017). JavaScript for Sound Artists (0 ed.). Routledge. https://doi.org/10.1201/9781315659732
https://gabrielyshay.medium.com/creating-a-web-drum-machine-e24843e4392a
https://webaudioapi.com/book/Web_Audio_API_Boris_Smus_html/ch01.html
https://www.toptal.com/web/web-audio-api-tutorial
https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API