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

---

Working Keyboard Demo

This demo plays either a software-synth built into a web page or an external synth connected via the Web MIDI API from a GUI consisted with webaduio-controls.

The synth built into this page is Web Audio API based “webaudio-tinysynth”.

Note : Confirm that the connection is via “HTTPS”. Due to privacy policy, this demo can’t make any sound over http connection.

---

MidiOut : WebAudioTinySynth

Program Change: :

Volume :

After clicking keyboard once and webaudio-keyboard gets the focus, you can play with [z][x][c][v].... on your PC keyboard.
This demo uses the outline attribute to indicate that the element has focus.

---