876: MIDI & Music in the Browser

Syntax - Tasty Web Development Treats

Feb 12, 2025•49 min

--:--

Listen in podcast apps:

Apple Podcasts

Spotify

Download

Listen to this episode in Metacast mobile app

Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episode description

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

For the best experience, listen in Metacast app for iOS or Android