Spectrum Analysis using Three.js and the HTML5 Web Audio API
JavaScript Ruby
Latest commit 4860e68 Oct 20, 2012 @arirusso add github/heroku links
Failed to load latest commit information.
assets restore sweep mp3 Oct 20, 2012
js restore sweep mp3 Oct 20, 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.