lili/data-over-audio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

draw lines every x ms to show where bits start/end in bit stream

Browse Source
This commit is contained in:
Lewis Moten
2024-05-02 17:34:59 -04:00
parent 05bafca444
commit 1a2e9816c4
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.js
View File

@@ -221,6 +221,8 @@ function received(value) {
receivedDataTextarea.scrollTop = receivedDataTextarea.scrollHeight; receivedDataTextarea.scrollTop = receivedDataTextarea.scrollHeight;
} }
let bitStarted; let bitStarted;
let lastBitStarted;
let bitEnded;
let bitHighStrength = []; let bitHighStrength = [];
let bitLowStrength = []; let bitLowStrength = [];
let lastBitIndex = 0; let lastBitIndex = 0;
@@ -298,6 +300,8 @@ function evaluateBit(highBits, lowBits) {
received(evaluateBit(bitHighStrength, bitLowStrength)); received(evaluateBit(bitHighStrength, bitLowStrength));
} }
lastBitIndex = 0; lastBitIndex = 0;
lastBitStarted = bitStarted;
bitEnded = now;
bitStarted = undefined; bitStarted = undefined;
bitStart[0] = true; bitStart[0] = true;
received('\n'); received('\n');
@@ -326,6 +330,21 @@ function avgLabel(array) {
if(values.length === 0) return 'N/A'; if(values.length === 0) return 'N/A';
return (values.reduce((t, v) => t + v, 0) / values.length).toFixed(2) return (values.reduce((t, v) => t + v, 0) / values.length).toFixed(2)
} }
function drawBitStarted(ctx, bitStarted, bitEnded, color) {
if(!bitStarted) return;
const { width, height } = receivedGraph;
const newest = frequencyOverTime[0].time;
const duration = FREQUENCY_DURATION * MAX_BITS_DISPLAYED_ON_GRAPH;
ctx.strokeStyle = color;
for(let time = bitStarted; time < newest; time += FREQUENCY_DURATION) {
if(time > bitEnded) return;
const x = ((newest - time) / duration) * width;
ctx.beginPath();
ctx.moveTo(x, 0);
ctx.lineTo(x, height);
ctx.stroke();
}
}
function drawBitStart(ctx, color) { function drawBitStart(ctx, color) {
const { width, height } = receivedGraph; const { width, height } = receivedGraph;
@@ -382,6 +401,7 @@ function drawFrequencyData() {
ctx.moveTo(0, thresholdY); ctx.moveTo(0, thresholdY);
ctx.lineTo(width, thresholdY); ctx.lineTo(width, thresholdY);
ctx.stroke(); ctx.stroke();
drawBitStarted(ctx, bitStarted ?? lastBitStarted, bitEnded, 'yellow');
drawBitStart(ctx, 'green'); drawBitStart(ctx, 'green');
drawFrequency(ctx, FREQUENCY_HIGH, 'red'); drawFrequency(ctx, FREQUENCY_HIGH, 'red');
drawFrequency(ctx, FREQUENCY_LOW, 'blue'); drawFrequency(ctx, FREQUENCY_LOW, 'blue');