Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Musical Instrument with the Web Audio API

JSConf via YouTube

Overview

Explore the fascinating world of browser-based audio synthesis in this JSConf US 2015 talk by Steve Kinney. Dive into the Web Audio API and learn how to create, process, and control audio directly in your web browser. Discover how to build unique musical instruments by combining audio contexts, oscillators, and various Web APIs. Gain insights into fundamental audio and music concepts while exploring creative applications of browser technologies. From face-controlled theremins to step sequencers, uncover the potential of turning your browser into a powerful musical instrument.

Syllabus

Intro
Playalong
Web Audio API
Audio Context
Destination
Making music
Oscillator
Create Oscillator
Connect Oscillator to Context
Start Oscillator
Disconnect Oscillator
New Oscillator
Oscillator Node
Wave Shapes
Oscillators
Oscillator frequency
Tuning forks
Semitones
Math
The problem
Octavian
Audiophonic
Adding oscillators
Keyup event
Why not just buy a keyboard
Face Theremin
Face Tracking Event
Step sequencer
User sequence
Limitations
Building a musical instrument
WebSocket
Demo
Web Music
Other APIs
Pull Request

Taught by

JSConf

Reviews

Start your review of Building a Musical Instrument with the Web Audio API

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.