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