Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

876: MIDI & Music in the Browser

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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

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

Aplikace Youradio Talk

876: MIDI & Music in the Browser

Poslechněte si podcast