<html>
<head>
<meta charset="UTF-8"><!-- ♫ -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="manifest" href="manifest.json">
<title>nanoFUN</title>
<script src="jquery.min.js"></script>
<script src="nanofun.js"></script>
</head>
<body>
<div id="nanopad">
- <div class="nanotouch" data-touch="0">
+ <div class="nanotouch">
<span class="name"></span>
<span class="duration"></span>
- <input type="file">
+ <label class="effects"><input type="checkbox">Effects</label><br>
+ <label class="loop"><input type="checkbox">Loop</label><br>
+ <input type="file" accept="audio/*" multiple>
<input class="touch-gain" type="range" min="0" max="127" value="127">
</div>
</div>
<div id="msg"></div>
- <div id="midiinputs"></div>
- <div id="midioutputs"></div>
+ <div id="devices"><div class="nanopad">nanoPAD</div><div class="nanokontrol">nanoKONTROL</div></div>
+
<form>
- <br><input id="master-gain" type="range" min="0" max="127" value="127">
+ <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
+ <fieldset>
+ <legend>Effects</legend>
+ <div><label>Delay</label> <input id="delay" type="range" min="0" max="5" value="0" step="0.1"></div>
+ <div><label>Feedback</label> <input id="feedback" type="range" min="0" max="1" value="0.8" step="0.1"></div>
+ <div><label>Filter</label> <input id="filter" type="range" min="0" max="5000" value="1000" step="100"></div>
+ </fieldset>
</form>
+
<div id="gitclone">Source code at <a href="https://git.0d.be/?p=nanofun.git">https://git.0d.be/?p=nanofun.git</a></div>
</body>
</html>
projects / nanofun.git / blobdiff