Ember as Song
summary
An Ember Octane app becomes a playable composition using Tone.js on top of the Web Audio API. Components map to parts and contextual components to notes, services hold instruments and global state, and routes become song sections. The demo builds piano, violin and a drum kit, schedules notes with Tone.Part and uses draw.schedule to sync visuals, supports loops and staggered starts, and the assembled song plays as intended.
AI-written summary · about
chapters (18)
- 0:00Start
- 0:28Ember as Song
- 3:50Volume
- 4:28Notes
- 5:22Web Audio Api
- 5:52Hello World
- 10:31Scale
- 11:58C Scale
- 12:35Part Component
- 13:08Trigger Synth
- 16:55Multiple Instruments at the Same Time
- 17:24Violin
- 18:00Multiple Parts
- 19:00Loops
- 19:52Drums
- 20:38Membrane Synth
- 21:11Snare
- 23:27Drum Loops
related talks
19mComposing music with composed functions
40mLiveJS: Making Music with JavaScript
24mCrafting web comics with Ember
44mBeats in the Browser - Coding Music with JavaScript
34mCrafting Web Comics with Ember
08mReactronica: Music as a Function of State
24mPlay Them Off, Keyboard App: Building a virtual piano in JavaScript
32mBeats in the Browser