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.