47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>Beeper!</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<script type="text/javascript" src="main.js"></script>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
|
|
<body onload="main()">
|
|
<div class="content">
|
|
<p class="timer"><span id="seconds">0</span><span class="timer-milliseconds">.<span id="milliseconds">00</span></span></p>
|
|
<div class="padding">
|
|
<p class="inline">Do a beep at </p>
|
|
<div class="input-container"><button id="minus" class="scroller">-</button><input id="time-input"
|
|
placeholder="5"></input><button id="plus" class="scroller">+</button></div>
|
|
<p class="inline">second intervals</p>
|
|
</div>
|
|
<p class="padding"><button id="begin">Begin!</button></p>
|
|
|
|
<div id="audiocontrols">
|
|
<div class="inline">
|
|
<p>Volume (<span id="volume">100</span>%):</p>
|
|
<input class="padding" id="volume-slider" type="range" min="0" max="100" value="100" class="slider">
|
|
|
|
</div>
|
|
<div class="inline">
|
|
|
|
<p>Custom audio file:</p>
|
|
<input id="file" type="file" accept="audio/*">
|
|
<p id="audiotext">default audio</p>
|
|
</div>
|
|
</div>
|
|
<div class="footnote">
|
|
<p><a href="https://opengameart.org/content/select-beep-and-error">Default beep sound by dklon</a></p>
|
|
</div>
|
|
<audio id="audio" controls>
|
|
<source id="audiosource" src="beep.ogg">
|
|
</audio>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |