change bit duration via UI

This commit is contained in:
Lewis Moten
2024-05-01 22:08:01 -04:00
parent 5e8a5de836
commit ad6e0d5197
2 changed files with 6 additions and 0 deletions

View File

@@ -9,6 +9,7 @@
<h1>Data Over Audio</h1> <h1>Data Over Audio</h1>
<div class="panels"> <div class="panels">
<div> <div>
Bit Duration: <input id="bit-duration-text" type="number" min="0" max="1000" value="180">ms<br>
<input type="text" id="text-to-send"> <input type="text" id="text-to-send">
<button id="send-button">Send</button> <button id="send-button">Send</button>
<h2>Sent</h2> <h2>Sent</h2>

View File

@@ -34,6 +34,11 @@ function handleWindowLoad() {
textToSend = document.getElementById('text-to-send'); textToSend = document.getElementById('text-to-send');
sentDataTextArea = document.getElementById('sent-data'); sentDataTextArea = document.getElementById('sent-data');
samplesPerBitLabel = document.getElementById('samples-per-bit'); samplesPerBitLabel = document.getElementById('samples-per-bit');
document.getElementById('bit-duration-text').addEventListener('input', (event) => {
FREQUENCY_DURATION = parseInt(event.target.value);
bitSampleCount = 0;
samplesPerBit.length = 0;
})
// wire up events // wire up events
sendButton.addEventListener('click', handleSendButtonClick); sendButton.addEventListener('click', handleSendButtonClick);