https://github.com/arirusso/d3-audio-spectrum

Spectrum analysis demo using D3 and HTML5 audio
https://github.com/arirusso/d3-audio-spectrum

audio d3 d3js demo html5-audio javascript music spectrum spectrum-analyzer-demo

Last synced: about 1 month ago
JSON representation

Spectrum analysis demo using D3 and HTML5 audio

• Host: GitHub
• URL: https://github.com/arirusso/d3-audio-spectrum
• Owner: arirusso
• License: other
• Created: 2012-09-20T03:53:36.000Z (over 12 years ago)
• Default Branch: main
• Last Pushed: 2022-08-26T22:33:49.000Z (over 2 years ago)
• Last Synced: 2023-11-07T21:02:33.104Z (about 1 year ago)
• Topics: audio, d3, d3js, demo, html5-audio, javascript, music, spectrum, spectrum-analyzer-demo
• Language: JavaScript
• Homepage:
• Size: 17.1 MB
• Stars: 106
• Watchers: 16
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Spectrum Analyzer Demo

See it here: https://euphonious-fox-a26f8f.netlify.app/public/

This is a spectrum analyzer demo that I did for fun using the HTML5 Web Audio API, [dsp.js](https://github.com/corbanbrook/dsp.js) and [d3.js](http://d3js.org).

## Local Installation

There is a config.ru file included so that you can serve the project locally using [Rack](http://rack.github.com) assuming you have Ruby installed

`      git clone [email protected]:arirusso/d3-audio-spectrum.git`

`      cd d3-audio-spectrum`

`      bundle install`

`      rackup config.ru`

* Open [http://localhost:9292](http://localhost:9292) in your browser

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

### Author

[Ari Russo](http://github.com/arirusso) 

### License

Apache 2.0, See the file LICENSE

Copyright (c) 2012 Ari Russo