amilajack / awesome-web-audio

A list of resources and projects to help learn about audio

awesome-web-audio

Analysis

• Web Audio Beat Detector

Computational Design Tools

• Thi.ng

Digital Audio Workstations (DAWs)

• schmix
• VirtuAW - The Virtual Audio Workstation
• Wizybrid

Digital Signal Processing

• Musicdsp.org
• noise.sh

Scheduling

• WAA Clock

Virtual Studio Technology (VST)

• amilajack/schmix
• Temper
• vst.js
• VST Plugins

Learning About Music

• learningmusic.ableton.com
• learningsynths.ableton.com

Audio Software Development Kits (SDKs)

• Resonance Audio SDK for Web

UI Controls

• hatsumatsu/108
• joshwcomeau/waveforms
• Skeuomorphic Lever Checkbox
• knob codepen
• knob codepen
• buttons codepen 2
• ableton concept codepen
• sequencer
• OP1 Inspired Synth
• stage controls
• theming
• asb2m10/dexed
• timeline
• ableton redesign
• gridsound
• web vst gui

Wavetables

• wavetable construction

UI Designs

• Phanton
• daw designer 1
• daw designer 2

Interesting Experiments

• Daniel Esteban VR Instrument
• turtle.audio
• scribble.audio
• github.com/kylestetz/AudioKeys
• Orchestral String Emulation
• slang.kylestetz.com
• kylestetz.github.io/Sentencer
• Chrome Experiments : Song Maker

People to Follow

• @kylestetz

Visualization

• AudioVisualizers
• Bouncy Perlin Noise
• creative-audio-visualizers
• vogerdesign
• synth
• waves
• dj synth
• Loading
• 3d vis
• misc
• waveform
• waveform
• waveform
• gl-spectrum
• gl-spectrogram
• midi
• ui components
• web audio controls
• live input
• waveform
• misc waveform
• waveform playlist
• sequencer
• necessarydisorder
• Audio Mass
• Music Gird
• Ramp Synth
• Spectro
• JS Rocks
• TimeStretch Player
• audioMotion

Research

• sing paper by Facebook

Drum Machines

• drum-machine
• Infinite Drum Machine
• Neural Draw Machine
• drumbot

Sequencer

• Intermix

Synths

• Juno Synth Emulator GitHub Repository
• wamsynths
• WaveTable Synth
• Synth powered by JUCE
• faust
• WASM Synth
• webaudio-synth
• monotron
• Tim Daub's WASM Synth
• tinkersynth
• tinkersynth-slopes
• hexabeat
• RC455 Synth
• Vue Synth
• JStrait/JS-Synth
• Synth.fm
• Monotron Synth
• Monotron Synth's GitHub

Audio Editors

• Soundbox
• Skratchdot Audio Editor
• WebAudio SampleEditorView

Mixers

• codepen web-audio-mixer

Sound Apps

• calm

Sound Libraries

• danigb/tonal
• Essentia.js
• tonal
• note-parser
• music-scale
• danigb/scorejs
• audiojs/audio-table
• Tonejs/Tone.js
• LabSound/LabSound
• danigb/synth-kit
• Wavy Jones
• web-audio-oscillators
• HTML5 Web Audio API for dynamic sound synthesis
• Sonorous.js
• XSound

Open Source Apps

• Efflux
• gridsound
• gridsound daw
• OpenDAW
• soundbank
• loop drop app
• Ferment
• jazzari
• Loopslicer
• LARS.js

Scores

• VexFlow 3

ADSR

• ADSR
• ADSR

Sound Transformation

• keyandpad

Live Demos

• vincentriemer/io-808
• amilajack/drum-machine
• amilajack/GraphicalFilterEditor
• amilajack/dx7-synth-js
• Sequencer
• Sequencer 2
• Sequencer UI
• Sequencing UI 2
• dj deck
• webaudiodemos.appspot.com/midi-synth/index.html
• musiclab.chromeexperiments.com
• femurdesign.com/theremin
• electrictelepathy.com/web-apps/fluoresynth
• sampulator
• audio-lab.github.io/gl-waveform
• www.sitepoint.com/using-fourier-transforms-web-audio-api
• javascriptair.com/episodes/2016-07-27
• webaudiodemos.appspot.com/midi-synth/index.html
• webaudiodemos.appspot.com/AudioRecorder/index.html
• github.com/amilajack/PitchDetect
• webaudiodemos.appspot.com/input
• Audio looper
• chord progressions
• Ukulele Practice

Lists

• music-gets-social-with-browser-based-daws
• awesome-sheet-music
• awesome-musicdsp

Steal

• Audulus is a modular music processing for iOS

Audio Graphs

• Flow Graph
• Modulator

Tutorials

• Web-Audio-Basics
• four-common-mistakes-in-audio-development
• waveforms-intro
• feeding-the-audio-graph
• drum-sounds-webaudio
• Drawing Waveforms
• Waveforms
• building-a-synthesizer-with-the-web-audio-api
• web audio school
• midi
• Synth Secrets
• Building A Wavetable Synth From Scratch

Video Tutorials

• Chris Lowis: A Brief History of Synthesis with the Web Audio API
• Steve Kinney: Building a musical instrument with the Web Audio API | JSConf US 2015
• Ableton Push 2 with Node.js : #1
• SwissJS 2015 - Stephen Band - Creating UIs for the Web Audio API
• introduction-to-web-midi
• creating-browser-based-audio-applications-controlled-by-midi-hardware
• about-web-midi
• web-browser-now-makes-meeblip-synth-powerful-free
• stuff-ive-been-doing-with-music
• using-fourier-transforms-web-audio-api

People To Follow

• Joel Strait

Newsletters

• Web Audio Weekly

Creating Modular Synths

• how-to-build-monotron-synth-web-audio-api

High Performance Compute

• Reading & Writing Audio Overview
• Building A Wavetable Synthesizer using Rust, WebAssembly, and WebAudio

Parallel Processing of Sounds

• mastering-techniques-that-shouldnt-have-worked-but-did
• sampleradar-162-free-synth-orchestra-samples

Video Tutorials

• Audio Programming Tutorials
• Electron and JUCE

Music Games

• Piano-Flow

Native Modules

• amilajack/node-audio
• ramirezd42/vst-js
• ramirezd42/electron-webassembly-hello

Peak Meters

• Web Audio Peak Meters

Pitch Shifters

• Phaze

Readings

• sound-design-in-web-audio-neurofunk-bass-part-1
• sound-design-in-web-audio-neurofunk-bass-part-1
• nm_percussion
• asynchronous-programming
• real-time-audio-programming-101-time-waits-for-nothing
• fundamental-of-audio-programming-slides
• audio-dog-house
• Subtractive synths explained

Signal Processing Libraries

• Maximilian

Experiments

• generative.fm: Endlessly unique ambient music

awesome-web-audio's Issues

add https://github.com/vitaliy-bobrov/js-rocks

add "newsletters" section

add web audio weekly

add https://github.com/skratchdot/audio-editor to "audio editors" section

add https://github.com/RolandJansen/intermix

add https://github.com/hvianna/audioMotion.js

add https://github.com/ramirezd42/vst-js

add vue synth

https://codepen.io/mavrK/pen/QabpyO

add https://twitter.com/_scottdarby/status/1083296147568058368

add jdaw https://github.com/literallylara/JDAW

merge https://github.com/mdahlgrengadd/Awesome-Web-Audio-Timestretching

add 'building a wavetable with rust wasm webaudio'

https://cprimozic.net/blog/buliding-a-wavetable-synthesizer-with-rust-wasm-and-webaudio/

add https://twitter.com/DaniGatunes/status/1248680218493104136

add https://github.com/chrisguttandin/web-audio-beat-detector to new "analysis" section

add https://github.com/stuartmemo/wavy-jones to oscilloscope section

add https://github.com/zacharydenton/monotron

add https://29a.ch/timestretch/

add rc455

https://github.com/BarakChamo/rc455

Update links

Update https://audio-lab.github.io/gl-waveform/ to https://a-vis.github.io/gl-waveform/

add https://github.com/naomiaro/waveform-playlist

add https://ukulele-practice.glitch.me/

add logo

add drumbot

https://drumbot.glitch.me/

add https://github.com/MTG/essentia.js

add synth.fm (http://www.synth.fm)

add tinkersynth

https://tinkersynth.com/slopes/

add https://codepen.io/federico-lelli/pen/joGBjM (adsr)

add https://github.com/thi-ng/

add https://github.com/0xfe/vexflow to "scores" section

add ramp synth https://github.com/thi-ng/umbrella/tree/develop/examples/ramp-synth

add https://experiments.withgoogle.com/ai/drum-machine/view/

add https://audiomass.co

add https://github.com/Korilakkuma/XSound

add https://codepen.io/2xAA/full/YoWzrv

add https://github.com/calebj0seph/spectro

add https://github.com/ramirezd42/schmix

add https://arp.jake.fun/

add "people to follow" section

Add https://www.joelstrait.com/

create high performance compute section

Add:

• https://wasmbyexample.dev/examples/reading-and-writing-audio/reading-and-writing-audio.assemblyscript.en-us.html
• https://cprimozic.net/blog/buliding-a-wavetable-synthesizer-with-rust-wasm-and-webaudio/

add https://www.wizital.com/wizybrid

add https://github.com/jstrait/jssynth

add https://github.com/EkoLabs/sonorous

add https://github.com/kernow-ged/loopslicer

add SongMaker

https://musiclab.chromeexperiments.com/Song-Maker/

add https://github.com/irshadshalu/music-grid

add https://github.com/rikard-io/SampleEditorView to audio editors section

add https://codepen.io/HandsomeChuBoy/full/LKpJEw to adsr section

add awesome repo badge

add https://github.com/igorski/efflux-tracker

add https://github.com/mdahlgrengadd/LARS.js

add https://learningsynths.ableton.com/ to learning section