Soledad Penadés – Hands-On Web Audio #fronteers15
- You can generate audio using JavaScript
- Tiny new language
- small vocabulary
- few grammar rules
- couple of ideoms
- AudioContext
- like canvas
- toolbox
- instance factory
- Nodes Taxonomy
- Generation
- Manipulation
- Analysis
- Audio Context as audio graph
- Modular routing
- Sound modulation
- connect() helps you to modulate from one node to another
- Gain nodes
- …
- Don’t keep nodes
- stop and disconnect sound sources
- load binary data
- decode into a buffer
- create buffer source and use it
- you can even bend the pitch of the audio live
- place sounds in 2D space – StereoPanner
- Place to left change pan attribute to -1, to right to +1
- For 3D space, for example in Games, use Panner
- update position for accurate placement
- tries to be realistically physical, so the unit is meters
- BiquadFilter
- Let certain frequencies pass
- Analyser for Visuals
- Real time frequency and time-domain information
- Getting creative
- Real time input + processing
- Get user media + echoing
- Web audio is minimal and powerful
- many built-in nodes
- one graph, simple connect rules
- sound generation, processing and analysis
- great for games, VR and interactive applications
- it’s also fun!
- Web audio meetups in London & Berlin
- Slides: github.com/sole/howa