music-ctrls

This project was initiated by Inclusive Design Institute as a GSOC project 2016.
Click here to see the progress of the project

Introduction

With the introduction of the Web Audio API and music frameworks such as Flocking, it's possible to make music and develop custom instruments entirely using Web technologies.

A variety of user interface component libraries, such as Nexus UI, jQuery Kontrol, Interface.js and G200K's Polymer controls, have been developed to assist in the creation of musical interfaces. However, the majority of them aren't very "web-like." Many are based on Canvas or bitmap images, and aren't compatible with responsive design techniques, can't be easily re-styled or customized using tools like CSS, and aren't accessible via the keyboard or with assistive technologies such as a screenreader.

This project will involve the creation of a small collection of high-quality, responsive, SVG or DOM-based musical user interface controls such as knobs, sliders, x/y pads, button matrices, envelope editors, waveform viewers.

Getting started

To run the demos included in this package, check out the code and run the following commands.

npm install
grunt demo

Then open the demo server in your browser of choice:

http://localhost:8001/

#Demo

The demos are also available online, you can find them at:

http://dinukadesilva.github.io/music-ctrls/demo/knob.html

http://dinukadesilva.github.io/music-ctrls/demo/piano.html

http://dinukadesilva.github.io/music-ctrls/demo/linear-slider.html

#Wiki

Click here and navigate to the Project Wiki