Making Music With JavaScript and Gamepads

on YouTube ↗38m

" summary

Demos use the Web Audio API and the Gamepad API to generate oscillators, load buffers, apply a BiquadFilterNode low‑pass, and schedule notes precisely with context.currentTime and start/stop offsets; a drum machine, Guitar JS (Guitar Hero controller) and a DJ Hero turntable prototype actually run but occasionally fail in browsers. Gamepads expose an array of 17 buttons (d‑pad = button 12) and float axes and are polled not evented. Missing features: negative playback rate (no reverse/scratch) and only one output destination.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 3:42Web Audio API
3. 7:22Playing Sound
4. 9:12Filters
5. 10:20Timing
6. 14:52Drum Machine
7. 20:45Testing
8. 28:07Demo

" related talks

• 25mPlaying with the Gamepad API: Using Game Controllers with JSAlvaro Montoro · Commit Your Code 2025
• 44mBeats in the Browser - Coding Music with JavaScriptRowdy Rabouw · NDC Sydney 2024
• 40mBeats in the Browser: Coding Music withJavaScriptRowdy Rabouw · Øredev 2023
• 40mLiveJS: Making Music with JavaScriptRuth John, Martin Schuhfuss, Matt Mckegg · ColdFront 2017
• 31mBeats in the Browser - Coding Music with JavaScriptRowdy Rabouw · DevReach 2023
• 40mBeats in the Browser - Coding Music with JavaScriptRowdy Rabouw · Copenhagen Developers Festival 2023
• 30mJavaScript Patterns For Contemporary Dance MusicJan Krutisch · JSConf EU 2013
• 29mSignal Processing with JavaScriptRafael Silva · JSConf Colombia 2015