Adjust frequency, hold note, better synth
This commit is contained in:
61
index.html
61
index.html
@@ -11,8 +11,65 @@
|
||||
</head>
|
||||
<body>
|
||||
<main class="container">
|
||||
<div id="keyboard">
|
||||
</div>
|
||||
<article>
|
||||
<div id="keyboard" class="overflow-auto"></div>
|
||||
<label>
|
||||
Volume
|
||||
<input type="range" min="0.0" max="2.0" value="1.0" step="0.01" id="range">
|
||||
</label>
|
||||
</article>
|
||||
<section id="options">
|
||||
<form>
|
||||
<article>
|
||||
<h3 id="current-note">-</h3>
|
||||
<label>
|
||||
<input type="checkbox" role="switch" id="hold">
|
||||
Hold
|
||||
</label>
|
||||
</article>
|
||||
<article>
|
||||
<label>
|
||||
<small>Frequency</small>
|
||||
<input type="number" id="current-frequency" step="0.01">
|
||||
</label>
|
||||
</article>
|
||||
<article>
|
||||
<fieldset>
|
||||
<legend><small>Tuning</small></legend>
|
||||
<label>
|
||||
<input type="radio" name="tuning">
|
||||
Equal temperament
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="tuning">
|
||||
Perfect 5th
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="tuning">
|
||||
Perfect 4th
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="tuning">
|
||||
Perfect major 3rd
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="tuning">
|
||||
Perfect minor 3rd
|
||||
</label>
|
||||
<div id="tune-from" style="display: none">
|
||||
<label>
|
||||
From:
|
||||
<select name="tuning-from">
|
||||
<option selected disabled value></option>
|
||||
<option>C2</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<button>Tune</button>
|
||||
</fieldset>
|
||||
</article>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user