Spectrum Analysis using Three.js and the HTML5 Web Audio API
JavaScript Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
assets restore sweep mp3 Oct 20, 2012
js restore sweep mp3 Oct 20, 2012
lib lastest three.js Oct 19, 2012
Gemfile first Oct 10, 2012
Gemfile.lock first Oct 10, 2012
README.md add github/heroku links Oct 20, 2012
config.ru first Oct 10, 2012
index.html add github/heroku links Oct 20, 2012
visualizer.css tweak play loader Oct 20, 2012


Spectrum Analyzer Demo

See it here: http://three-spectrum.herokuapp.com

This is a spectrum analyzer demo that I did for fun using the HTML5 Web Audio API, dsp.js and three.js.

It's a variation on another demo I did using d3.js: https://github.com/arirusso/d3-audio-spectrum

Local Installation

There is a config.ru file included so that you can serve the project locally using Rack

  • Make sure rack is installed
  • Clone the git repo

git clone git@github.com:arirusso/d3-audio-spectrum.git

cd d3-audio-spectrum

rackup config.ru

A frequency sweep mp3 is included for demo purposes but any audio file can be used.