Adjust frequency, hold note, better synth

This commit is contained in:
2025-04-11 09:38:16 -07:00
parent 8fde361246
commit eea0e3f879
3 changed files with 224 additions and 45 deletions

View File

@@ -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>