howler.js - Javascript audio library for the modern web

•    Javascript

---

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

audio webaudio web-audio html5-audio audio-library music playback

pixi

•    Javascript

---

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The PixiJS renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast. PixiJS is a rendering library that will allow you to create rich, interactive graphics, cross platform applications, and games without having to dive into the WebGL API or deal with browser and device compatibility.

canvas2d pixijs webgl glsl canvas rendering pixi game renderer rendering-engine rendering-2d-graphics

pixi-particles - A particle system for PixiJS

•    TypeScript

---

A particle system library for the PixiJS library. Also, we created an interactive particle editor to design and preview custom particle emitters which utilitze PixiParticles. Please see the examples for various pre-made particle configurations.

particles pixijs javascript-library webgl pixi pixi.js

webaudiox - helpers for WebAudio API

•    Javascript

---

webaudiox.js is a bunch of helpers for WebAudio API. It isn't a library per se. You can use any of those helpers independantly. This makes it very light to include these in your own code. There is a webaudiox.js which bundle them though. This is provided for convenience. It is just the concatenation of all the helpers. Here is a boilerplate, a good example to start with. It initializes the AudioContext, the lineOut and downloads a sound.

howler.js - Javascript audio library for the modern web.

•    Javascript

---

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms. Additional information, live demos and a user showcase are available at howlerjs.com.

audio html5-audio playback volume web-audio audio-library howler howler.js sound webaudio browser html5 audio-sprite audiosprite

react-pixi - Create/control a Pixi.js canvas using React

•    Javascript

---

This library works with React 15. If you are using React 16, look at react-pixi-fiber or a different library also called react-pixi. Create/control a Pixi.js canvas using React.

react reactjs pixi pixijs webgl canvas

io-808 - An attempt at a fully recreated web-based TR-808 drum machine.

•    Javascript

---

An attempt at a fully recreated web-based TR-808 drum machine using React, Redux, and the Web Audio API. All of the sound generated by this drum machine are synthesized using the Web Audio API (look mom, no samples!). A side effect of this is while I got the sounds fairly close to the original hardware, there's still a lot of room for improvement (yes I'm looking at you Cymbal and Rimshot).

web-audio sound react redux webaudio

SoundJS - A Javascript library for working with Audio

•    Javascript

---

SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, including using a target plugin model to provide an easy way to provide additional audio plugins like a Flash fallback (included, but must be used separately from the combined/minified version).A mechanism has been provided for easily tying in audio preloading to PreloadJS.

createjs soundjs gskinner audio webaudio html5 flash sound audio-player

quiet-js - Transmit data with sound using Web Audio -- Javascript binding for libquiet

•    Javascript

---

This is a javascript binding for libquiet, a library for sending and receiving data via sound card. It can function either via speaker or cable (e.g., 3.5mm). Quiet comes included with a few transmissions profiles which configure quiet's transmitter and receiver. For speaker transmission, there is a profile which transmits around the 19kHz range, which is essentially imperceptible to people (nearly ultrasonic). For transmission via cable, quiet.js has profiles which offer speeds of at least 40 kbps. Try it out in this live example.

ultrasonic modem data-transfer webaudio emscripten

Flocking - Flocking - Creative audio synthesis for the Web

•    Javascript

---

Flocking is a JavaScript audio synthesis framework designed for artists and musicians who are building creative and experimental Web-based sound projects. It supports Firefox, Chrome, Safari, and Node.js on Mac OS X, Windows, Linux, iOS, and Android. Unlike comparable tools, Flocking is declarative. Its goal is to promote a uniquely community-minded approach to instrument design and composition. In Flocking, unit generators and synths are specified as JSON, making it easy to save, share, and manipulate your synthesis algorithms. Send your synths via Ajax, save them for later using HTML5 local data storage, or algorithmically produce new instruments on the fly.

flocking webaudio sound audio music synthesis

awesome-webaudio - A curated list of awesome WebAudio packages and resources.

•    

---

A curated list of awesome WebAudio packages and demos. Inspired by the awesome list thing.

webaudio awesome list awesome-list audio midi

waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview

•    Javascript

---

Inspired by Audacity, this project is a multiple track playlist editor written in ES2015 using the Web Audio API. Load tracks and set cues (track cue in, cue out), fades (track fade in, fade out) and track start/end times within the playlist. I've written up some demos on github for the different audio fade types in the project.

playlist waveform audio audio-visualizer audio-player annotations audiorecorder webaudio music mediarecorder harmony playback daw audacity stem tracks multitrack editor record recording player

jsmpeg - MPEG1 Video Decoder in JavaScript

•    Javascript

---

JSMpeg is a Video Player written in JavaScript. It consists of an MPEG-TS demuxer, MPEG1 video & MP2 audio decoders, WebGL & Canvas2D renderers and WebAudio sound output. JSMpeg can load static videos via Ajax and allows low latency streaming (~50ms) via WebSockets. JSMpeg can decode 720p Video at 30fps on an iPhone 5S, works in any modern browser (Chrome, Firefox, Safari, Edge) and comes in at just 20kb gzipped.

pixi-filters - A collection of filters for pixi.js v4

•    Javascript

---

Click here to interactively play with filters to see how they work. All filters work with PixiJS v4.

BassoonTracker - Webbased old-school Amiga music tracker in plain old javascript - Plays and edits Amiga Mod files and FastTracker XM files

•    Javascript

---

Browser based old-school Amiga Music Tracker in plain old javascript. It needs a modern browser that supports WebAudio. It's tested to work on Chrome, Firefox, Safari, Edge, Chrome on Android, mobile Safari and the Samsung Android Browser. It works best in Chrome.

webaudio music-creation amiga retro protracker tracker fasttracker

wavesurfer.js - Navigable waveform using WebAudio and Canvas

•    Javascript

---

Navigable waveform using WebAudio and Canvas

omnitone - Spatial Audio Rendering on the web.

•    Javascript

---

Omnitone is a robust implementation of ambisonic decoding and binaural rendering written in Web Audio API. Its rendering process is powered by the fast native features from Web Audio API (GainNode and Convolver), ensuring the optimum performance. The implementation of Omnitone is based on the Google spatial media specification and SADIE's binaural filters. It also powers Resonance Audio SDK for web.

ambisonics webaudio spatial-audio hrtf ambisonic vr-audio 360-audio web-audio-api

webamp - A reimplementation of Winamp 2.9 in HTML5 and Javascript

•    Javascript

---

A reimplementation of Winamp 2.9 in HTML5 and JavaScript. As seen on TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3), and elsewhere.

html5 webaudio-api winamp skin bmp port reimplementation audio web-audio-api

songbird - Spatial Audio Encoding on the Web

•    Javascript

---

Spatial Audio Encoder in Web Audio API

spatial audio-processing webaudio ambisonics spatial-audio ambisonic vr-audio 360-audio web-audio-api interactive-audio

viktor - Synthesizer built on the WebAudio API.

•    Javascript

---

Synthesizer built on the Web Audio API. This will rebuild the site in dev mode (scripts are not minified etc.), will start a node Express server and will start listening for changes on the FS, in case of which it will rebuild the site for you. You can access the site on localhost:5000.