ramp to values to avoid audio glitches
[nanofun.git] / index.html
1 <!DOCTYPE html>
2 <html>
3  <head>
4   <meta charset="UTF-8"><!-- ♫ -->
5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
6   <link rel="manifest" href="manifest.json">
7   <title>nanoFUN</title>
8   <script src="jquery.min.js"></script>
9   <script src="nanofun.js"></script>
10   <link rel="stylesheet" type="text/css" href="nanofun.css">
11  </head>
12  <body>
13   <div id="nanopad">
14    <div class="nanotouch">
15      <span class="name"></span>
16      <span class="duration"></span>
17      <label class="effects"><input type="checkbox">Effects</label><br>
18      <label class="loop"><input type="checkbox">Loop</label><br>
19      <input type="file" accept="audio/*" multiple>
20      <input class="touch-gain" type="range" min="0" max="127" value="127">
21    </div>
22   </div>
23   <div id="msg"></div>
24   <div id="devices"><div class="nanopad">nanoPAD</div><div class="nanokontrol">nanoKONTROL</div></div>
25
26   <form>
27     <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
28     <fieldset>
29     <legend>Effects</legend>
30     <div><label>Delay</label> <input id="delay" type="range" min="0" max="5" value="0" step="0.1"></div>
31     <div><label>Feedback</label> <input id="feedback" type="range" min="0" max="1" value="0.8" step="0.1"></div>
32     <div><label>Filter</label> <input id="filter" type="range" min="0" max="5000" value="1000" step="100"></div>
33     </fieldset>
34   </form>
35
36   <div id="gitclone">Source code at <a href="https://git.0d.be/?p=nanofun.git">https://git.0d.be/?p=nanofun.git</a></div>
37  </body>
38 </html>