48 lines
2.2 KiB
HTML
48 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Data Over Audio</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<script src="index.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Data Over Audio</h1>
|
|
<div class="panels">
|
|
<div>
|
|
Bit Duration: <input id="bit-duration-text" type="number" min="0" max="1000" value="190">ms<br>
|
|
Amplitude Threshold: <input id="amplitude-threshold-text" type="number" min="0" max="255" value="200"><br>
|
|
Frequency High: <input id="frequency-high-text" type="number" min="20" max="20000" value="900"><br>
|
|
Frequency Low: <input id="frequency-low-text" type="number" min="20" max="20000" value="1200"><br>
|
|
Last Bit Percent: <input id="last-bit-percent" type="number" min="0" max="100" value="90">%<br>
|
|
FFT Size: 2^<input id="fft-size-power-text" type="number" min="5" max="15" value="90"><br>
|
|
Frequency Resolution: <span id="frequency-resolution">N/A</span><br>
|
|
Smoothing Time Constant: <input id="smoothing-time-constant-text" type="number" min="0.00" max="1.00" step="0.01" value="0.00"><br>
|
|
<input type="text" id="text-to-send">
|
|
<button id="send-button">Send</button>
|
|
<h2>Sent</h2>
|
|
<textarea id="sent-data" rows="10" cols="40"></textarea><br />
|
|
</div>
|
|
<div>
|
|
<label>
|
|
<input type="checkbox" id="is-listening-checkbox">Listening
|
|
</label>
|
|
<h2>Received</h2>
|
|
<textarea id="received-data" rows="10" cols="40"></textarea><br />
|
|
Samples Per Bit: <span id="samples-per-bit">0</span><br>
|
|
Sample Rate: <span id="audio-context-sample-rate">N/A</span> per second.<br />
|
|
Speed: <span id="data-transfer-speed-bits-per-second">N/A</span> Baud<br>
|
|
<span id="data-transfer-speed-bytes-per-second">N/A</span> Bytes/second<br />
|
|
</div>
|
|
<div>
|
|
<canvas id="received-graph" width="550" height="100"></canvas>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
<input type="checkbox" id="pause-after-end" checked>Pause after end
|
|
</label><br >
|
|
Max Bits Displayed: <input id="max-bits-displayed-on-graph" type="number" min="1" max="2000"><br>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |