876: MIDI & Music in the Browser

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.

Show Notes

• 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

Sick Picks

• Scott: MX Master 3S
• Wes: Microcontoller

Shameless Plugs

• The MOST Starred JS Projects

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads