47 |
License
48 | webaudio-controls is based on:
49 |
55 |
56 |
webaudio-controls is licensed under the Apache License, Version 2.0
57 | Copyright (c) 2013 Eiji Kitamura / Ryoya KAWAI / Keisuke Ai / g200kg (Tatsuya Shinyagaito)
58 |
59 |
Using Polymer and WebComponents
60 |
61 |
62 | Knob/Switch images are from
Knob Gallery
63 |
switch_toggle.knob by
az Copyright (c) 2011
CC-BY
64 |
65 |
76 |
77 |
78 |
--------------------------------------------------------------------------------
/bower_components/webaudio-controls/sample2.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
68 |
WebAudio-Knobs
69 |
70 |
71 |
<webaudio-knob id="knob1"></webaudio-knob>
72 |
<webaudio-knob id="knob1a" colors="#fc0;#000;#444"></webaudio-knob>
73 |
Default webaudio-knob. If no knob-image is specified, simple embedded image resource is used. Colors are customizable.
74 |
75 |
76 |
<webaudio-knob id="knob2" src="img/LittlePhatty.png" sprites="100" value="60" min="-100" max="100" step="20" diameter="64"><webaudio-knob>
77 |
Knob image file is assigned. Value range can be specified by min/max. The initial value is "60". The value is changed in step of "20".
78 |
79 |
80 |
<webaudio-knob id="knob3" src="img/LittlePhatty.png" sprites="100" diameter="32"><webaudio-knob>
81 |
The knob image will be resized to specified size (even recommended to prepare required size image for clear display)
82 |
83 |
84 |
<webaudio-knob id="knob4" src="img/hsw5.png" sprites="4" value="2" min="0" max="4" width="128" height="32"><webaudio-knob>
85 |
non-square image is used with specifying width/height instead of diameter.
86 |
87 |
88 |
89 |
<webaudio-knob id="knob5" src="img/LittlePhatty.png" sprites="100" diameter="64" valuetip="0" tooltip="Knob Test"></webaudio-knob>
90 | <webaudio-param link="knob5"></webaudio-param>
91 |
92 |
webaudio-knob can has tooltip-text and editable parameter display field with webaudio-param
93 |
94 |
95 |
96 |
WebAudio-Sliders
97 |
98 |
99 |
100 |
<webaudio-slider id="slider1"></webaudio-slider>
101 | <webaudio-slider id="slider1a" colors="#850;#230;#fff"></webaudio-slider>
102 | <webaudio-slider id="slider2" direction="horz"></webaudio-slider>
103 |
Default webaudio-slider. If no slider-image is specified, simple embedded image resource is used.
104 | The slider direction is specified by "direction" attribute.
105 |
106 |
107 |
108 |
<webaudio-slider id="slider3" direction="horz" src="img/hsliderbody.png" knobsrc="img/hsliderknob.png"></webaudi-slider>
109 |
Specifying the sliderbase and sliderknob images.
110 |
111 |
112 |
113 |
114 |
<webaudio-slider id="slider4" direction="horz" src="img/hsliderbody.png" knobsrc="img/hsliderknob.png" min="0" max="1" step="0.1" width="60" height="20" valuetip="0" tooltip="Slider Test"></webaudio-slider>
115 | <webaudio-param link="slider4"></webaudio-param>
116 |
Value step is specified, resized, tooltip-text and webaudio-param is added.
117 |
118 |
119 |
120 |
121 |
WebAudio-Switches
122 |
123 |
124 |
<webaudio-switch id="toggle1"></webaudio-switch>
125 | <webaudio-switch id="toggle1a" colors="#0c0;#008;#fff"></webaudio-switch>
126 |
Default webaudio-switch. If no switch-image is specified, simple embedded image resource is used.
127 |
128 |
129 |
130 |
<webaudio-switch id="toggle2" src="img/switch_toggle.png" width="32" height="32"></webaudio-switch>
131 | <webaudio-switch id="toggle3" src="img/switch_toggle.png" width="54" height="54"></webaudio-switch>
132 |
Image file is specified. Images are resized to specified size.
133 |
134 |
135 |
<webaudio-switch id="kick1" src="img/switch_toggle.png" type="kick" width="54" height="54"></webaudio-switch>
136 |
Kick type switch. In this mode, this switch is on only while pressing.
137 |
138 |
139 |
140 |
141 |
142 | <webaudio-switch id="radioA" src="img/switch_toggle.png" type="radio" group="radio1" width="54" height="54" value="1" tooltip="Radio-A"></webaudio-switch>
143 | <webaudio-switch id="radioB" src="img/switch_toggle.png" type="radio" group="radio1" width="54" height="54" tooltip="Radio-B"></webaudio-switch&bt;
144 | <webaudio-switch id="radioC" src="img/switch_toggle.png" type="radio" group="radio1" width="54" height="54" tooltip="Radio-C"></webaudio-switch>
145 |
146 |
Radio type switch. In this mode, only one switch is activated in the group.
147 |
148 |
149 |
150 |
172 |
173 |
174 |
--------------------------------------------------------------------------------
/bower_components/webaudio-controls/sample3.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |