https://github.com/lucafalasco/SON

♫ Web-based music visualizer
https://github.com/lucafalasco/SON

canvas es6 music-visualizer webaudio

Last synced: 20 days ago
JSON representation

♫ Web-based music visualizer

• Host: GitHub
• URL: https://github.com/lucafalasco/SON
• Owner: lucafalasco
• License: mit
• Created: 2016-11-28T07:44:10.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-09-21T14:21:11.000Z (about 2 months ago)
• Last Synced: 2024-10-11T11:14:52.386Z (about 1 month ago)
• Topics: canvas, es6, music-visualizer, webaudio
• Language: JavaScript
• Homepage: https://lucafalasco.github.io/SON/
• Size: 532 KB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SON

SON is a web-based music visualizer, the physics change and evolve according to the sound captured from the microphone.

The app is built with Javascript(ES6), Web Audio API is used to convert audio signals into data to feed the app and the `` API for 2d graphics.

## Install dependencies:

```sh

npm i

```

## Start development server:

```sh

npm start

```

head to http://localhost:8080/ to see the app running

## Build for production:

```sh

npm run build

```

Bundled files can be found in `dist/`

## Resources

- [Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)

- [Analyser Node](https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode)

- [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)

- [webpack](https://webpack.github.io/)

- [Babel](https://babeljs.io/)

## Supported browsers

- Chrome (recommended)

- Firefox

- Opera