GithubHelp home page GithubHelp logo

awesome-webaudio's Introduction

Awesome WebAudio

Awesome

WebAudio

A curated list of awesome WebAudio packages and demos.

Inspired by the awesome list thing.

Please raise a Pull-Request to add an awesome WebAudio thing to this list.

Packages

Frameworks

  • Tone.js - A framework for making interactive music in the browser.
  • Gibberish - A JavaScript DSP library that creates JIT optimized audio callbacks using code generation techniques.
  • lissajous - A tool for programmatic audio performance.
  • SSSynthesiser.js - A wavetable synthesizer for interactive music and sound effects.
  • Bap - A toolkit for making beats and composing sequences, inspired by the classic MPC60/2000.

Libraries

  • reverbGen - A JavaScript library for generating artificial reverb impulse responses.
  • TuneJS - A tuning library of microtonal and just intonation scales. Supports over 3,000 historical tunings.
  • Beet.js - A sequencer library for creating euclidean rhythms and polyrhythms.
  • AudioKeys - A QWERTY keyboard for web audio projects.
  • smoothfade - A library for smoothly fading between two AudioNodes.
  • web-audio-test-api - A Web Audio test library for CI.
  • virtual-audio-graph - Library for declaratively manipulating the Web Audio API.
  • javascript-karplus-strong - JavaScript/Web Audio implementation of Karplus-Strong guitar synthesis.
  • XSound.js - Full stack library.
  • osc-msg - OSC message decoder/encoder with fault tolerance.
  • Meyda - Audio feature extraction library including a variety of widely used audio features.
  • Pizzicato - A library that aims to simplify the creation and manipulation sounds in the browser.
  • Mooog - Tools that simplify working with AudioNodes, inspired by jQuery and mixing tables.
  • Wavesurfer.js - Interactive navigable audio visualization using Web Audio and Canvas.
  • envelope-generator - Simple ADSR envelope generator for web audio.
  • Audiojs - An object that enables you to store, read, and write PCM audio data more easily.
  • audio contour - A 5 stage audio envelope generator.

Utilities

MIDI

  • midimessage - A simple MIDI Message parser.
  • midi-ports - 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.

Apps

  • LoopDrop App - MIDI looper, modular synth and sampler app built using Web Audio and Web MIDI APIs.
  • X Sound - Multi Sound Application that uses XSound.js.
  • Molgav - Musical Step Sequencer for melodies exchange.
  • Code Player - An experimental app that makes your codes sing for you.
  • mod-synth.io - Create your own modular synthesizer, or emulate different synths.

Resources

Tutorials

  • WebAudio School - A series of self-guided workshops to learn WebAudio.
  • The Web Audio API: What Is It? - Intro to WebAudio.
  • Web Audio Basics - A growing set of light code samples with CodePen links for each.
  • [Web Audio Perf](Web Audio API performance and debugging ) - Performance of various AudioNodes and strategies for efficient resource usage (from WAC2016).
  • Percussion Synthesis Using Web Audio - This tutorial will introduce the basics of web audio programming by writing code to synthesize simple percussion sounds (from WAC2016).

Books

Newsletters

Community

  • Slack - A Slack for discussing Web Audio.

License

CC0

To the extent possible under law, Chinmay Pendharkar has waived all copyright and related or neighboring rights to this work.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.