Track Awesome Webaudio Updates Weekly
A curated list of awesome WebAudio packages and resources.
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 notthetup/awesome-webaudio · ⭐ 1K · 🏷️ Front-End Development
Feb 05 - Feb 11, 2024
Packages / Libraries
- waveform-path (⭐57) - Library to generate waveforms paths in svg.
- wave-audio-path-player (⭐24) - Simple audio player webcomponent customizable with waveform.
Jan 29 - Feb 04, 2024
Packages / Libraries
- MusicXML Player (⭐22) - A TypeScript component that loads and plays MusicXML files in the browser using Web Audio and Web MIDI.
Nov 27 - Dec 03, 2023
Packages / Apps
- Online Sequencer - A simple and easy-to-use sequencer with plenty of functionality, based around the Web Audio API.
Oct 09 - Oct 15, 2023
Packages / Libraries
- html-midi-player (⭐544) - HTML elements for easy MIDI playback and visualization, without the need to write any custom JS code, but scriptable and stylable as needed.
Sep 04 - Sep 10, 2023
Packages / Apps
- Topos - A Web based live coding environment inspired by the Monome Teletype. Uses Web Audio and MIDI.
Apr 24 - Apr 30, 2023
Packages / Apps
- Audio-motion interface (⭐38) - A web synthesizer that generates sound using smartphone gestures in the space.
Jun 20 - Jun 26, 2022
Packages / Apps
- web-audio-mixer (⭐91) - An audio mixer built using Web Audio.
Resources / Community
- Web Audio Conference - International conference dedicated to web audio technologies and applications.
Jan 31 - Feb 06, 2022
Packages / Apps
- webaudio-tinysynth (⭐206) - a small synthesizer written in JavaScript with GM like timbre map.
- web-audio-beat-detector (⭐0) - a beat detection utility which is using the Web Audio API
Jan 17 - Jan 23, 2022
Packages / Frameworks
- Elementary – Declarative, functional framework for writing audio software on the web or for native apps
Dec 20 - Dec 26, 2021
Packages / MIDI
- WEBMIDI.js - The Web MIDI API made easy.
Apr 12 - Apr 18, 2021
Packages / Apps
- EarSketch - free educational programming environment to teach Python and Javascript through music composing and remixing
Jul 06 - Jul 12, 2020
Resources / Tutorials
- Browser Noise: Web Audio Tutorials - Playlist of video tutorials by Dan Tramte, hosted on the Audio Programmer YouTube channel.
Jun 29 - Jul 05, 2020
Packages / Libraries
- @magenta/music (⭐1.9k) - A JavaScript library to use machine learning models and generate music in the browser, by having some neat abstractions over the Webaudio API.
- soundfont-player - A soundfont loader/player to play MIDI sounds using WebAudio API.
Packages / Apps
- Web Audio Metronome (⭐561) - metronome app that uses the Web Audio scheduler and setTimeout scheduler
Jun 22 - Jun 28, 2020
Packages / Frameworks
- Omnitone (⭐831) - Ambisonic spatial audio on the web.
- Mach1Spatial (⭐50) - Vector based panning spatial audio on the web.
Packages / Libraries
- XSound.js - Full stack library.
Packages / Apps
- X Sound - Multi Sound Application that uses XSound.js.
Resources / Books
- JavaScript for Sound Artists - A bottom up JavaScript / DOM course using Web Audio for all the examples.
Jun 08 - Jun 14, 2020
Packages / Apps
- AudioMass - free, open source, web-based Audio and Waveform Editor.
- Csound IDE - web IDE for CSound programming language.
- jamhub (⭐33) - low-latency remote music collaboration & jam.
Obsolete / Community
- Web Audio Modules - synthesizers and audio effects processors for web browsers (both API and implementations).
Dec 09 - Dec 15, 2019
Packages / Frameworks
- Bap (⭐114) - A toolkit for making beats and composing sequences, inspired by the classic MPC60/2000.
Packages / Libraries
- Sound.js (⭐287) - A micro-library to load, play and generate sound effects and music for games and interactive applications.
- Circular Audio Wave (⭐220) - A JS library for audio visualization in circular wave using Web Audio API and ECharts.
- Wad (⭐1.8k) - Web Audio DAW. Use the Web Audio API for dynamic sound synthesis. It's like jQuery for your ears.
Resources / Tutorials
- WebAudio School (⭐399) - A series of self-guided workshops to learn WebAudio.
Obsolete / Community
- Gibberish (⭐384) - A JavaScript DSP library that creates JIT optimized audio callbacks using code generation techniques.
- lissajous (⭐394) - A tool for programmatic audio performance.
- SSSynthesiser.js (⭐49) - A wavetable synthesizer for interactive music and sound effects.
- WAAX (⭐303) - Build Music Apps for browsers.
- Band.js (⭐1.2k) An interface for the Web Audio API that supports rhythms, multiple instruments, repeating sections, and complex time signatures.
- reverbGen (⭐51) - A JavaScript library for generating artificial reverb impulse responses.
- TuneJS (⭐169) - A tuning library of microtonal and just intonation scales. Supports over 3,000 historical tunings.
- Beet.js (⭐108) - A sequencer library for creating euclidean rhythms and polyrhythms.
- AudioKeys (⭐230) - A QWERTY keyboard for web audio projects.
- web-audio-test-api (⭐67) - A Web Audio test library for CI.
- javascript-karplus-strong (⭐274) - JavaScript/Web Audio implementation of Karplus-Strong guitar synthesis.
- osc-msg (⭐17) - OSC message decoder/encoder with fault tolerance.
- Pizzicato (⭐1.6k) - A library that aims to simplify the creation and manipulation sounds in the browser.
- Mooog (⭐28) - Tools that simplify working with AudioNodes, inspired by jQuery and mixing tables.
- envelope-generator (⭐34) - Simple ADSR envelope generator for web audio.
- audio contour (⭐20) - A 5 stage audio envelope generator.
- web-audio-recorder-js (⭐744) - A library that records audio input (Web Audio API AudioNode object) and encodes to audio file image (Blob object).
- audiolet (⭐893) - A JavaScript library for real-time audio synthesis and composition from within the browser.
- playnote (⭐2) - Play your favorite instrument in the browser, with complex note intervals and scales.
- Recorderjs (⭐4.1k) - A plugin for recording/exporting the output of Web Audio API nodes.
- resampler (⭐38) - A utility for resampling audio.
- bpm-detective (⭐131) – Detects the BPM of a song or audio sample.
- web-audio-utils (⭐10) - Commonly needed utility functions for Web Audio API.
- web-audio-oscillators (⭐56) - A collection of Web Audio custom oscillators.
- midi-ports (⭐16) - handy library to make it easier to work with attached MIDI devices.
- Midi Logger - This Midi Logger will print all midi input to your browser for debugging.
- Code Player (⭐20) - An experimental app that makes your codes sing for you.
Jun 03 - Jun 09, 2019
Packages / Utilities
- web-audio-generator (⭐57) - A UI for generating Web Audio code.
Apr 15 - Apr 21, 2019
Packages / Apps
- BassoonTracker (⭐954) - MOD/XM Tracker in Javascript.
Jul 16 - Jul 22, 2018
Packages / Apps
- DSP.audio Worklet Editor - Online Audio Worklet editor for sketching and collaboration, with sampler, MIDI and analyzers. Like a JSFiddle, but for DSP.
Resources / Newsletters
- Web Audio Weekly Newsletter - A weekly review of what's happening in Web Audio.
Jul 09 - Jul 15, 2018
Resources / Books
- Web Audio API - Intended to be a springboard for web developers with little to no digital audio expertise. Geared towards game audio and interactive apps.
Jul 02 - Jul 08, 2018
Packages / Libraries
- Howler.js (⭐23k) - A comprehensive library with a fallback to HTML5 Audio.
Apr 09 - Apr 15, 2018
Resources / Tutorials
- Web Audio API Understandable Reference - A reference that aims to be easy to understand for those who know some JavaScript and basic audio principles.
Mar 12 - Mar 18, 2018
Packages / Apps
- SoundCycle (⭐41) - A Web Audio based Loopstation for musicians with effects and different looping modes.
Feb 19 - Feb 25, 2018
Packages / Apps
- waveform-playlist (⭐1.4k) - 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. Export your mix to AudioBuffer or WAV! Project inspired by Audacity.
Feb 05 - Feb 11, 2018
Packages / Apps
- AudioNodes - Modular audio production suite with multi-track audio mixing, audio effects, parameter automation, MIDI editing, synthesis, cloud production, and more.
Jan 29 - Feb 04, 2018
Packages / MIDI
- JZZ (⭐487) - MIDI library for Node.js and all major browsers.
- JZZ-midi-Gear (⭐13) - Retrieve your MIDI device model and manufacturer.
Dec 04 - Dec 10, 2017
Packages / Libraries
- Rythm.js - A javascript library that makes your page dance.
Oct 02 - Oct 08, 2017
Packages / Apps
- mod-synth.io (⭐56) - Create your own modular synthesizer, or emulate different synths.
- Super Oscillator (⭐39) - An interactive, 3D music synthesizer for the Web.
Resources / Tutorials
- Web Audio Perf - Performance of various AudioNodes and strategies for efficient resource usage (from WAC2016).
May 08 - May 14, 2017
Packages / Libraries
- Meyda (⭐1.4k) - Audio feature extraction library including a variety of widely used audio features.
Packages / Apps
- Learning Music - Learn the basics of music making.
Apr 03 - Apr 09, 2017
Packages / Utilities
- Audion (⭐346) - Chrome extension that adds a Web Audio panel to Developer Tools.
Nov 21 - Nov 27, 2016
Packages / Apps
- GridSound - A work-in-progress DAW (Digital Audio Workstation).
Oct 03 - Oct 09, 2016
Resources / Tutorials
- The Web Audio API: What Is It? - Intro to WebAudio.
Sep 19 - Sep 25, 2016
Packages / Libraries
- Tuna (⭐1.7k) - An audio effects library.
Jul 04 - Jul 10, 2016
Packages / Libraries
- Audiojs (⭐237) - An object that enables you to store, read, and write PCM audio data more easily.
Apr 04 - Apr 10, 2016
Resources / Tutorials
- Percussion Synthesis Using Web Audio (⭐32) - This tutorial will introduce the basics of web audio programming by writing code to synthesize simple percussion sounds (from WAC2016).
Mar 21 - Mar 27, 2016
Packages / Libraries
- Wavesurfer.js (⭐7.9k) - Interactive navigable audio visualization using Web Audio and Canvas.
Feb 22 - Feb 28, 2016
Resources / Community
- Slack - A Slack for discussing Web Audio.
Jan 18 - Jan 24, 2016
Packages / Apps
- Molgav (⭐2) - Musical Step Sequencer for melodies exchange.
Oct 05 - Oct 11, 2015
Packages / Libraries
- smoothfade (⭐33) - A library for smoothly fading between two AudioNodes.
- virtual-audio-graph (⭐345) - Library for declaratively manipulating the Web Audio API.
Resources / Tutorials
- Web Audio Basics (⭐116) - A growing set of light code samples with CodePen links for each.
Sep 28 - Oct 04, 2015
Packages / Frameworks
- Tone.js (⭐13k) - A framework for making interactive music in the browser.
Packages / MIDI
- midimessage (⭐34) - A simple MIDI Message parser.
Packages / Apps
- LoopDrop App (⭐821) - MIDI looper, modular synth and sampler app built using Web Audio and Web MIDI APIs.