blob: 2d957cc67d68ffc2971db19395018f561c132a74 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Rusty Microphone</h1>
<div id="loading">
Loading...
</div>
<div id="browser-support-error" class="error" style="display:none;">
<p>
It looks like something has gone wrong while loading. The
most likely reason for this is that this app doesn't support
your web browser.
</p>
<p>
I test with the latest version of Firefox, but it should
also work with recent versions of Chrome, Microsoft Edge,
Safari and Opera. If you're running one of these browsers,
please make sure you've updated to the latest version.
</p>
</div>
<div id="unexpected-error" class="error" style="display:none;">
<p>
An unexpected error has occurred. Please try again later.
</p>
</div>
<div id="rusty-microphone" style="display:none;">
<p>The current note being played is <span id="pitch-label">unknown</span></p>
<div id="pitch-indicator-bar-container">
<div id="pitch-indicator-bar"></div>
</div>
<div id="pitch-indicator-colours">
<div id="flat-indicator"></div>
<div id="sharp-indicator"></div>
</div>
<canvas id="oscilloscope" width="320" height="300"></canvas>
<p>The current framerate is <span id="frame-rate">0</span>FPS</p>
</div>
<script src="main.js"></script>
</body>
</html>
|
