January 2016
September 2015
Waveform.js
by sbrothierWaveform.js makes drawing SoundCloud waveforms simple and lets you style and color them the way you want it. It comes as a small JavaScript library and is using a lightweight service hosted on waveformjs.org that translates the waveform images provided by SoundCloud into floating points.
January 2014
TypedArray.org | JavaScript for interactive developers
by sbrothierA few years ago, I wrote a little ActionScript 3 library called MicRecorder, which allowed you to record the microphone input and export it to a .WAV file. Very simple, but pretty handy. The other day I thought it would be cool to port it to JavaScript. I realized quickly that it is not as easy. In Flash, the SampleDataEvent directly provides the byte stream PCM samples) from the microphone. With getUserMedia, the Web Audio APIs are required to extract the samples. Note that getUserMedia and Web Audio are not broadly supported yet, but it is coming. Firefox has also landed Web Audio recently, which is great news.
Teoria.js - Music Theory in JavaScript
by sbrothier (via)Write a chord in the input (try C13b9 or maybe Fsus4maj#11) above and hit enter. You can click and drag your way around the wave function.
Badass JavaScript
by sbrothier & 3 othersA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett.
October 2013
360° MP3 player UI demo (SoundManager 2): Javascript + Canvas Visualization
by sbrothierCanvas-based UI with visualization options.
360° MP3 player UI demo (SoundManager 2): Javascript + Canvas Visualization
by sbrothier & 1 otherCanvas-based UI with visualization options. Note: Spectrum/EQ visualizations
November 2012
Web Audio
by sbrothierThe Web Audio API introduces a variety of new audio features to the web platform. It can be used with the canvas 2D and WebGL 3D graphics APIs for creating a new generation of games and interactive applications. The API is capable of dynamically positioning/spatializing and mixing multiple sound sources in three-dimensional space. It has a powerful modular routing system, supporting effects, a convolution engine for room simulation, multiple sends, submixes, etc. Scheduled sound playback is provided for musical applications requiring a high degree of rhythmic precision. Realtime analysis / visualizer support and direct JavaScript processing is also supported.
The State of HTML5 Audio - PhobosLab
by sbrothierWhen I started to work on my JavaScript Game Engine back in October 2009, the biggest problems I encountered were with the new HTML5 Audio Element. The Canvas Element already worked nicely in all browsers that supported it at the time, albeit some were a little slow.
April 2010
SoundManager 2: Javascript Sound For The Web
by sbrothier & 13 othersSoundManager 2 makes it easier to play sounds using Javascript.
By wrapping and extending the Flash sound API, SoundManager 2 brings solid audio functionality to Javascript.
1
(10 marks)