A collection of resources and projects for the Web Audio API and audio on the web in general.

• A Phase Aligned Oscilloscope for Web Audio
• A Robust Metronome Using the Web Audio API
• Building a Wavetable Synthesizer From Scratch with Rust, WebAssembly, and WebAudio
• Looping Music Seemlessly
• Make a Piano in only 1kb of JS
• Metronomes in JS
• Modeling an Analog Delay in the Web Audio API
• Procedural Audio On the Web
• Recreating the ring modulator with web audio - Creating a ring modulator using the Web Audio API.
• Is WebAssembly Magical Pixie Dust?
• Output Channel - A blog featuring Web Audio tutorials.
• WebAssembly/Rust Tutorial
• Writing Retrowave in Angular

• 5 Part Introduction to Web Audio - Very detailed explaination of audio on the web by Tero Parviainen.
• Browser Noise: Web Audio Tutorials - Video tutorials by Dan Tramte, hosted on The Audio Programmer YouTube channel.
• Fun With Web Audio - A course on how to build a musical keyboard with real-time additive audio synthesis with audio visualization.
• Introduction to Web MIDI - A beginner tutorial on how to access and get MIDI data.
• Learn to Code Electronic Music Tools with Javascript - Four week online course teaching Web Audio with projects like synthesizers, sequencers and algorhythmic music.
• Web Audio API Understandable Reference - A reference that aims to be easy to understand for those who know some JavaScript and basic audio principles.
• The Web Audio API: What Is It?
• Web Audio API Video Tutorial Series - An 11 part series on the Web Audio API.
• Web audio modem -How to encode and decode data using the web audio API

• Web Audio API performance and debugging notes - Web Audio API from a performance and debugging point of view, outlining some differences between implementations.

• Web Audio Basics - Code samples with CodePen links for each.
• Web Audio Perf - Performance of various AudioNodes and strategies for efficient resource usage (from WAC2016).
• WebAudio School - A series of self-guided workshops to learn WebAudio.
• WebAudioXML - WebAudioXML makes it possible to write Web Audio applications without writing any JavaScript.
• Percussion Synthesis Using Web Audio - Synthesize simple percussion sounds (from WAC2016).
• purescript-audio-behaviors - DSP in the browser using the behavior pattern. Naturally work with time based events in the Purescript JS dialect.

• Web Audio API: Advanced Sound for Games and Interactive Apps - Great starting point and overview of the basics with examples.

• AudioMass - An online waveform editor.
• AudioNodes - A modular digital audio workstation.
• Csound IDE - Csound IDE on the web.
• BassoonTracker - Browser-based old-school Amiga Music Tracker in plain old JavaScript.
• Cascade - A live coding environment, running in browser. "Parasitizing" CSS to play MIDI signals.
• CBM 8032 av - Exploration of graphics and sound, using computers from the early 1980's.
• Chrome music lab - Making learning music more accessible through fun, hands-on experiments.
• Cloud Piano - Join or start a room and are connected to the other players using Web RTC
• DearDiary.ai - Type some words—thoughts, feelings, poems, goals, stories, a to-do list—and you’ve created an original song. Music is generated between 'sad' and 'happy' melodies based on the sentiment of your writing.
• DSP.audio Worklet Editor - An online AudioWorklet editor.
• EarSketch - A Free educational programming environment to teach Python and Javascript through music composing and remixing
• FM Synthesis with Rust, Web Audio, and WebAssembly - FM synthesis in browser using Rust compiled to WebAssembly.
• jamhub - Low-latency musicall collaboration.
• Jam with Chrome - A collaborative live music web application.
• Landing Pads - An infinite audio-visual composition.
• Learning Music - Learn the basics of music making.
• LoopDrop App - MIDI looper, modular synth and sampler app built using Web Audio and Web MIDI APIs.
• Molgav - Web Audio Musical Step Sequencer for music exchange.
• mod-synth.io - reate your own modular synthesizer, or emulate different synths by simply drag and drop components.
• Musical Chord Progression Arpeggiator - Create arpeggios with different progressions and styles.
• Music mouse - An emulation by Tero Parviainen of Laurie Spiegel's "Music Mouse - An Intelligent Instrument".
• Nokia Composer - The classic Nokia ringtone composer in the browser.
• Gibber - An audiovisual live coding environment for the browser (github)
• GridSound - A work-in-progress online digital audio workstation.
• Handel - a small procedural programming language for writting songs in browser.
• Keyfinder - Using the libkeyfinder library compiled to WebAssembly to detect the musical key of live audio input or an uploaded audio file in browser.
• Pedalboard - Guitar pedal effects simulation.
• Plink - Multiplayer music experience.
• The Rick Astley Remix - Remix Rick Astley's most famous song into different styles.
• Shape Your Music - A musical geoboard that explores a new way of composing and performing music using geometry.
• Some of the Best Music Pens on CodePen - A list that includes the best audio-related projects in CodePen.
• SoundCycle - Web Audio based loop station.
• sound.io - Sound design, online.
• Supercolider in Browser - Supercolider synthesis engine in the browser via WebAssembly.
• Super Oscillator -An interactive, 3D music synthesizer for the Web.
• Spectro - A real-time spectrogram generator in the browser.
• Symphosizer - A new branding for the San Fransisco Symphony, the text reacts to sound and music.
• Theremin - A Theremin with effects.
• Tower of Hanoi Sonification - A sonified version of the Tower of Hanoi puzzle. Each disc is connected to its own Sine oscillator.
• Tweet FM - Combining Twitter feeds and web audio in real time.
• Wave-PD1 - A themerin-like instrument for the browser.
• waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations.
• Wavepot - A live DSP editor built with web audio.
• Web Audio/MIDI Demo List - A list kept by the W3C audio working group.
• Web Audio Metronome - A Web audio based metronome.
• Winamp2-js - A reimplementation of Winamp 2.9 using the Web Audio API. GitHub
• X Sound - Multi Sound Application that uses XSound.js.
• Zvoog - Create music based on randomly selected chord progressions.

• 106.js - Emulation of the Roland Juno-106.
• Abacus Synth - A synth inspired by an abacus.
• Acid Machine 2 - In the same vein as the Propellerhead ReBirth RB-338
• Carp - A chord arpeggio sequencer based on the Korg NTS-1.
• D3 synth - A D3 visualization with sound loop editing.
• Darkwave - A guitar synthesizer.
• Key-and-pad - A synthesizer with a XY Pad to control effects.
• Modulator - An editable graphical node synth.
• Mod-synth - A visual synthesizer with several components and presets.
• Midi synth - Simulated analog synthesizer.
• JS Dynamic Audio Synth - A musical keyboard.
• Psyren Audio / Visual Synthesizer - Generate psytrance squelches (github)
• Reactive Synth - A deep modular synthesis environment in the browser.
• WASM Synth - A synthesizer built with WebAssembly and AudioWorklets. Read the blog about it here.
• Web Audio Synth A web audio synth hosted on codepen.
• Web Audio Modules - Synthesizers created using WebAssembly / AudioWorklets.
• Web Synths - Grooves
• Web Synths - Microtonal
• Zupiter - A modular synth with a pure-data-style programming environment.

• 808303 - A recreation of the classic Roland drum machine and synth.
• Bauble FM Drum Machine - From Elf Audio comes a christmas themed drum machine.
• Beadz - Drum machine with adjustable pattern lengths for each instrument.
• Beat Map online demo - A web based demo of the Beat Map, agenerative rhythm plugin for Reason.
• Endless Acid Banger - Play Acid beats forever these beats which are generated in your browser by a randomised algorithm.
• Grovity - Microtiming sequencer.
• HTML5 Drum machine - Drum machine with several different drumkits.
• tony-b - A drum machine based on the Commodore 64 SID chip.

• Audiojs - An object that enables you to easily store, read, and write PCM audio data.
• Bap - A toolkit for making beats and composing sequences, inspired by the classic MPC60/2000.
• Blip - Lightweight web audio wrapper.
• gibber.lib.js - Library version of Gibber
• Howler.js - Web audio library. Falls back to HTML5 Audio.
• JZZ - MIDI library for Node.js and all major browsers.
• Mach1Spatial - Vector based panning spatial audio on the web.
• @magenta/music - A JavaScript library to use machine learning models and generate music in the browser, by having some neat abstractions over the Webaudio API.
• Meyda - Audio feature extraction library including a variety of widely used audio features.
• Musical - A light library with a sequencing synthesizer that supports ABC notation.
• Omnitone - Ambisonic spatial audio on the web.
• Orchestre-JS - An audio library for managing dynamic music, by playing vertical or horizontal layers.
• p5.sound - An extension that adds Web Audio functionality to the creative coding library p5.js.
• Rythm.js - A javascript library that makes your page dance.
• smoothfade - A library for smoothly fading between two AudioNodes.
• Soundio - Soundio is a Graph Object Model for Web Audio processing graphs. It also provides a JSONify-able structure for exporting and importing them.
• Sound.js - A micro-library to load, play and generate sound effects and music for games and interactive applications.
• Theresa's sound world - Library for manipulating audio built on top of the web audio API.
• Tone.js - Framework for creating interactive music in the browser.
• Tuna - Audio effects library.
• Wad - Library for manipulating audio with web audio.
• virtual-audio-graph - Library for declaratively manipulating the Web Audio API.
• XSound - Web Audio API Library for Synths, Visualization, Effects

• Audiograph - A visual exploration of Pilotpriest's 2016 album.
• Circular Audio Wave - A JS library for audio visualization in circular wave.
• Peaks.js - JavaScript UI component for interacting with audio waveforms.
• Party mode - An audio visualizer powered by d3.js and the web audio api.
• Wavesurfer.js - Waveform audio visualization built on top of Web Audio API and HTML5 Canvas.
• Waveforms on the web - Converts <audio> tags into waveform visualisations.
• Web Audio Inspector - A debugging tool that visualizes the Web Audio API graph of a web page in real time.

Join the Slack channel!

• Archive of NIME Publications - A great repository of publications from previous NIME (New Interfaces for Musical Expression) conferences.
• Web Audio Conference

• Web Audio Weekly by Chris Lowis - A weekly newsletter with hints, tips, links and news related to the Web Audio world.