Skip to content

Home

Jump to bottom
Dinuka De Silva edited this page Aug 26, 2016 · 23 revisions

Accessible, Responsive Music UI Controls

Welcome to the music-ctrls wiki!

Background

This project was initiated by Inclusive Design Institute as a GSOC project 2016.

click here to see the GSOC profile.

Scope

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 screen-reader.

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.

Road Map

Available Components

  • Knob
  • Linear slider
  • Piano
  • Documentation

Future Work

  • XY pads
  • Button matrices
  • Waveform viewer
  • Envelop editor
  • Waveform editor
  • Variations of sliders

Repository

https://github.com/dinukadesilva/music-ctrls

Discussions

Progress

Summer 2016

following are the milestones planned for the summer 2016

  • Knob (demo)
  • Linear slider (demo)
  • Piano (demo)
  • XY pads (Design has started)
  • Documentation

click here to see the progress of milestones

Weekly updates (Blog)

Demos

Contributors

Clone this wiki locally