You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
873 B
43 lines
873 B
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<script src="https://unpkg.com/tone"></script>
|
|
<script src="teoria.js"></script>
|
|
<script src="analyze.js"></script>
|
|
<script src="app.js" defer></script>
|
|
<style>
|
|
body {
|
|
font-family: monospace;
|
|
line-height:2em;
|
|
}
|
|
input[type="range"] {
|
|
-webkit-appearance: none;
|
|
border: 1px solid black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Tuner</h1>
|
|
<section id="generate-tone">
|
|
<h2>Tone Generator</h2>
|
|
<dl>
|
|
<dt>Tone:</dt>
|
|
<dd></dd>
|
|
</dl>
|
|
<input type="text" />
|
|
<input type="text" />
|
|
<label>Snap to notes</label>
|
|
<input type="checkbox"/>
|
|
<button>Generate Tone</button>
|
|
<button>Play</button>
|
|
<button>Stop</button>
|
|
</section>
|
|
<section id="analyze-pitch">
|
|
<h2>Pitch Analyzer</h2>
|
|
<input type="range" min="-100" max="100" value="0"/>
|
|
</section>
|
|
</body>
|
|
</html>
|