Welcome to the WAXML workshop at Web Audio Conference ’24! Bring your laptop, your smartphone and make yourself an account at https://editor.p5js.org/ and we are ready to go.
Introduction
WAXML is an XML language and an OpenSource javascript plugin for making web audio applications. It makes Web Audio as easy as HTML and does not require any javascript. It is created by Hans Lindetorp and is freely available for download at https://github.com/hanslindetorp/WebAudioXML. It is intended for research and education and is not optimized for commercial use.
For simplicity, we will run all examples online using the P5js. Make sure you have an account for the editor. For every example:
- Duplicate the Sketch
- Edit
- Save
- Play on your computer or share a fullscreen link to your smartphone
Audio synthesis
Webcamera & MediaPipe
Reference:
Gyroscope & Accelerometer
Remember to
- disable Screen auto rotation
- Edit in p5js – share a fullscreen QR to smartphone
- Accelerometer shaker
- SMARTPHONE COLLECTTION
Variables:
- $deviceMotionAccelerationX
- $deviceMotionAccelerationY
- $deviceMotionAccelerationZ
- $deviceMotionRotationRateAlpha
- $deviceMotionRotationRateBeta
- $deviceMotionRotationRateGamma
- $deviceOrientationAlpha
- $deviceOrientationBeta
- $deviceOrientationGamma
Interactive Music With Sync
- Arrangements
- Dynamic Tracks
- Motif – quantize
- Collaborative Musicking in Sync?
- INTERACTIVE MUSIC COLLECTION