Episode Details

Wes and Scott talk about the Web Audio and Web MIDI APIs, diving into how they enable powerful music and sound manipulation in the browser. They explore MIDI messaging, synthesizing audio, creative coding with music, and share hands-on projects, tips, and libraries to get started.

• 00:00 Welcome to Syntax!
• 01:17 Brought to you by Sentry.io
• 02:04 Fun audio experiments
  • Bebot
• 05:32 What is MIDI?
  • Web MIDI API
• 14:18 Advanced examples with WEBMIDI.js
  • WEBMIDI.js
• 17:02 Outputting MIDI messages
• 24:40 Exploring the Web Audio API
  • webmidirtc
• 31:20 Audio sampling in the browser
• 37:35 Media Recorder
• 39:21 Fun projects
  • MIDI chord machine
• 42:08 Sick Picks + Shameless Plugs

• Scott: MX Master 3S
• Wes: Microcontoller

• The MOST Starred JS Projects

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads