The Making of a Mosquito.JS

on YouTube ↗10m

" summary

Build uses the Web Audio API: oscillator node + gain node wired into an AudioContext, with sawtooth set around 750Hz (and notes about 10,000Hz for dog-only tones). Detune drives a bespoke “mesquite engine” that moves frequency forward 50% backward 25% static 25% and adds a small random push, plus a stereo panner for left/right triangulation. Implementation detail: oscillator nodes can’t be restarted after stop so code disconnects/recreates nodes and adds a clap sample to audibly terminate the bug.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 0:42Building the Mosquito
3. 3:08Oscillator Node
4. 4:29Mosquito Node
5. 6:52Detune

" related talks

• 30mBuilding a musical instrument with the Web Audio APISteve Kinney · JSConf US 2015
• 38mMaking Waves with the WebAnjana Vakil · JSHeroes 2026
• 37mHow to code music?Laura Silvanavičiūtė · Build Stuff 2019
• 30mSteve Kinney - SeattleJS Conference 2017Steve Kinney · SeattleJS Conference 2017
• 29mAudio Tags: Web Components & Web AudioSoledad Penadés · CascadiaJS 2013
• 40mLiveJS: Making Music with JavaScriptRuth John, Martin Schuhfuss, Matt Mckegg · ColdFront 2017
• 22mTools for the 21st century musicianSoledad Penadés · dotJS 2014
• 41mOrchestrating the Web Audio APISrikumar · JSFoo 2015