Every URL on this website contains a unique synthesizer. Play the synthesizer using your QWERTY keyboard or by clicking the on-screen keyboard.
Audio Worklet Live Coding
three.js and the Web Audio API
How Music Works: Interactive Music Theory Lessons
A self-guided introduction to Music Theory complete with interactive examples to play with. I particularly enjoyed the explanation of harmony that visualised the ratio between note frequencies.
Web Audio API Tutorial
A guided series of lessons that take you though the concepts of the Web Audio API and include example code that you can modify. This project reminded me of the great Web Audio School but where that takes a outcome-focussed approach (“Play a short sequence of notes”) this tutorial structures the lessons around specific API calls.
YUME is an interactive web experience created to promote the album ‘Yume’ by ambient artist Helios. Floating rock shards become tactile music controllers, which also manipulate the environment. Different scenes can be freely explored, each one with a different feel/sound.
Made by design studio White Vinyl Design