diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..5650622 --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" + content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>The sound of Pi</title> +</head> +<body> + +<div>Current index: <span id="currentIndex"></span></div> +<div>Current value: <span id="currentValue"></span></div> + +<label for="index">Index:</label> +<input id="index" type="number"> +<br> +<label for="speed">Speed (lower means faster):</label> +<input id="speed" max="1000" min="10" step="50" style="writing-mode: bt-lr" type="range" + value="200"> +<br> +<label for="volume">Volume:</label> +<input id="volume" max="10" min="0" step="0.1" type="range" value="1"> +<br> +<label for="frequency_base">Frequency base:</label> +<input type="range" min="10" max="1000" value="440" step="20" id="frequency_base"> +<br> +<label for="rythmic">Rythmic:</label> +<input type="checkbox" id="rythmic"> +<br> +<label for="beat">Beat:</label> +<input id="beat" type="checkbox"> +<br> +<label for="waveform">Waveform</label> +<select id="waveform"> + <option value="square">Square</option> + <option value="sine">Sine</option> + <option value="sawtooth">Sawtooth</option> + <option value="triangle">Triangle</option> +</select> +<br><br> +<button onclick="beepFunction(0)">Start/Stop</button> + +<script src="script.js"></script> +</body> +</html> |