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

---

Default Style of Controls

This is a sample using the default styles of ‘knob’, ‘param’, ‘slider’, ‘switch’ and ‘keyboard’ without external image files.

<webaudio-knob></webaudio-knob>
<webaudio-param></webaudio-param>
<webaudio-slider></webaudio-slider>
<webaudio-switch></webaudio-switch>
<webaudio-keyboard></webaudio-keyboard>

As each element is manipulated, events such as ‘input’ or ‘change’ are issued, so that the handlers can catch them. The captured events are displayed on the Events window on the right.

<webaudio-knob> <webaudio-param> <webaudio-slider> <webaudio-switch> <webaudio-keyboard> toggle(default) kick radio

---