SoundCloud Visualizer

Demo

Just playing around with the SoundCloud and Web Audio APIs.

Note: Visualisations will not work in Internet Explorer as the Web Audio API is not supported in IE. (See: MDN | Web Audio API#Browser Compatibility)

Local development instructions

Clone this repo. Then:

cd SoundCloudVisualizer
yarn install
yarn dev

Project History

• 2015
  • First commit
  • First iteration using vanilla HTML, CSS and JS
• 2016
  • Started managing dependencies using bower.json and package.json
  • Migrated to Angular 1
  • Used gulp for build tasks
• 2019
  • Removed bower.json
  • Started managing dependencies using Yarn
  • Migrated from gulp to webpack
  • Migrated from Angular 1 to React

References

Visualizations with Web Audio API - Web API Interfaces | MDN