mirror of
https://github.com/lewismoten/data-over-audio.git
synced 2026-03-18 15:46:09 +08:00
Display speed as baud and bytes/second
This commit is contained in:
@@ -28,7 +28,9 @@
|
|||||||
<h2>Received</h2>
|
<h2>Received</h2>
|
||||||
<textarea id="received-data" rows="10" cols="40"></textarea><br />
|
<textarea id="received-data" rows="10" cols="40"></textarea><br />
|
||||||
Samples Per Bit: <span id="samples-per-bit">0</span><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.
|
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>
|
||||||
<div>
|
<div>
|
||||||
<canvas id="received-graph" width="550" height="100"></canvas>
|
<canvas id="received-graph" width="550" height="100"></canvas>
|
||||||
|
|||||||
11
index.js
11
index.js
@@ -21,7 +21,7 @@ var FREQUENCY_HIGH = 400;
|
|||||||
var FREQUENCY_LOW = 500;
|
var FREQUENCY_LOW = 500;
|
||||||
var FREQUENCY_DURATION = 100;
|
var FREQUENCY_DURATION = 100;
|
||||||
var FREQUENCY_THRESHOLD = 200;
|
var FREQUENCY_THRESHOLD = 200;
|
||||||
var SAMPLE_DELAY_MS = 10;
|
var SAMPLE_DELAY_MS = 1;
|
||||||
var FFT_POWER = 10;
|
var FFT_POWER = 10;
|
||||||
var LAST_BIT_PERCENT = 0.8;
|
var LAST_BIT_PERCENT = 0.8;
|
||||||
var SMOOTHING_TIME_CONSTANT = 0;
|
var SMOOTHING_TIME_CONSTANT = 0;
|
||||||
@@ -50,6 +50,7 @@ function handleWindowLoad() {
|
|||||||
FREQUENCY_DURATION = parseInt(event.target.value);
|
FREQUENCY_DURATION = parseInt(event.target.value);
|
||||||
bitSampleCount = 0;
|
bitSampleCount = 0;
|
||||||
samplesPerBit.length = 0;
|
samplesPerBit.length = 0;
|
||||||
|
showSpeed();
|
||||||
});
|
});
|
||||||
document.getElementById('max-bits-displayed-on-graph').value= MAX_BITS_DISPLAYED_ON_GRAPH;
|
document.getElementById('max-bits-displayed-on-graph').value= MAX_BITS_DISPLAYED_ON_GRAPH;
|
||||||
document.getElementById('max-bits-displayed-on-graph').addEventListener('input', (event) => {
|
document.getElementById('max-bits-displayed-on-graph').addEventListener('input', (event) => {
|
||||||
@@ -89,6 +90,14 @@ function handleWindowLoad() {
|
|||||||
sendButton.addEventListener('click', handleSendButtonClick);
|
sendButton.addEventListener('click', handleSendButtonClick);
|
||||||
isListeningCheckbox.addEventListener('click', handleListeningCheckbox);
|
isListeningCheckbox.addEventListener('click', handleListeningCheckbox);
|
||||||
textToSend.addEventListener('keypress', handleTextToSendKeypress);
|
textToSend.addEventListener('keypress', handleTextToSendKeypress);
|
||||||
|
showSpeed();
|
||||||
|
}
|
||||||
|
|
||||||
|
function showSpeed() {
|
||||||
|
const baud = 1000 / FREQUENCY_DURATION;
|
||||||
|
const bytes = baud / 8;
|
||||||
|
document.getElementById('data-transfer-speed-bits-per-second').innerText = baud.toFixed(2);
|
||||||
|
document.getElementById('data-transfer-speed-bytes-per-second').innerText = bytes.toFixed(2);
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleTextToSendKeypress(event) {
|
function handleTextToSendKeypress(event) {
|
||||||
|
|||||||
Reference in New Issue
Block a user