42 lines
2.0 KiB
HTML
42 lines
2.0 KiB
HTML
|
|
||
|
<!-- simu right part : aiUI -->
|
||
|
|
||
|
<div id ="aiUI" style = "display: none;justify-items: center;">
|
||
|
<!-- with AI Interface -->
|
||
|
<div class="withaibox">
|
||
|
<div class="lasertext" style="border-color:#334;border-style: groove;border-width:1px;">With AI
|
||
|
</div>
|
||
|
<div class="withaigrid">
|
||
|
|
||
|
<!-- Velocity & Expression -->
|
||
|
<div><webaudio-knob id="ai/velocity" diameter="60" min="0" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-knob id="ai/expressivity" diameter="60" min="0" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-param link="ai/velocity" value="64"></webaudio-param></div>
|
||
|
<div><webaudio-param link="ai/expressivity" value="64"></webaudio-param></div>
|
||
|
<div class="lasertext">Velocity</div>
|
||
|
<div class="lasertext">Express.</div>
|
||
|
<div class="spacer"></div>
|
||
|
<div class="spacer"></div>
|
||
|
|
||
|
<!-- Sensibility & Beauty -->
|
||
|
<div><webaudio-knob id="ai/sensibility" diameter="60" min="0" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-knob id="ai/beauty" diameter="60" min="0" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-param link="ai/sensibility" value="64"></webaudio-param></div>
|
||
|
<div><webaudio-param link="ai/beauty" value="64"></webaudio-param></div>
|
||
|
<div class="lasertext">Sens.</div>
|
||
|
<div class="lasertext">Beauty</div>
|
||
|
<div class="spacer"></div>
|
||
|
<div class="spacer"></div>
|
||
|
|
||
|
<!-- CC 1 & CC 2 -->
|
||
|
<div><webaudio-knob id="cc/1" diameter="60" min="1" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-knob id="cc/2" diameter="60" min="1" max="127" value="64"></webaudio-knob></div>
|
||
|
<div><webaudio-param link="cc/1" value="1"></webaudio-param></div>
|
||
|
<div><webaudio-param link="cc/2" value="1"></webaudio-param></div>
|
||
|
<div class="lasertext">CC 1</div>
|
||
|
<div class="lasertext">CC 2</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- End of AI block -->
|