Visual Piano

Try it out!

Description

The purpose of this project is to create a tool that allows you to visualize musical pitches and it can also record and play music.

Technologies used:

• Vue as the main js framework
• Vuex for state management
• Canvas for drawning animations, more specific I used Offscreencanvas for performance reason
• Tone.js for audio part
• Vuetify for some material components

Support

Currently it works only in Chrome and Edge because of offscreencanvas, in firefox it can be enabled .

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

License

MIT