webaudio-controls

GUI parts library for Web application using WebComponents

---

Project maintained by g200kg Hosted on GitHub Pages — Theme by mattgraham

Basic Usage :

• Overview
• Install
• How it works
• Detail&Specs
• WebAudioControlsOptions
• Creating Knob Images
• Default Styles
• Attributes Examples

Advanced Usage and Application Notes :

• Knob Samples from KnobGallery
• Working Keyboard Demo
• Determining Knob Size
• Slider tracking "rel" and "abs"
• Non-Linear Knobs / Sliders
• Multi-Touch Device Support
• MIDI Support
• Resizing After Creation

---

Multi-Touch Device Support

webaudio-controls supports multi-touch devices. You only need to write multiple webaudio-controls elements, no special action in your code is required. This is a demo to operate multiple controls simultaneously using multi-touch device.

Additionally, this demo is set to accept signals from an external MIDI controller via the Web MIDI API by specifying the “midicc” and “midilearn” attributes. The MIDI function can be controlled by right-clicking each element to display a menu and assigning MIDI #CC.

---

  <webaudio-slider width="50" height="300" midicc="0.0" midilearn="1">
  </webaudio-slider>
  <webaudio-slider width="50" height="300" midicc="0.1" midilearn="1">
  </webaudio-slider>
  <webaudio-slider width="50" height="300" midicc="0.2" midilearn="1">
  </webaudio-slider>
  <webaudio-slider width="50" height="300" midicc="0.3" midilearn="1">
  </webaudio-slider>
  .
  .
  .

---