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

alternate segment colors

Browse Source
This commit is contained in:
Lewis Moten
2024-05-05 19:06:56 -04:00
parent 1ccc8531c7
commit 2f48acc2f7
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.js
View File

@@ -491,7 +491,7 @@ function collectSample() {
pauseTimeoutId = window.setTimeout(() => { pauseTimeoutId = window.setTimeout(() => {
pauseTimeoutId = undefined; pauseTimeoutId = undefined;
if(PAUSE_AFTER_END) stopGraph(); if(PAUSE_AFTER_END) stopGraph();
}, SEGMENT_DURATION * 0.5); }, SEGMENT_DURATION * 2);
} }
} else { } else {
// continued stopping (or never started) // continued stopping (or never started)
@@ -1049,6 +1049,7 @@ function drawChannelData() {
} }
drawSegmentBackground( drawSegmentBackground(
ctx, ctx,
segmentIndex,
leftX, leftX,
expectedBitCount, expectedBitCount,
channelCount, channelCount,
@@ -1099,6 +1100,7 @@ function clearCanvas(canvas) {
} }
function drawSegmentBackground( function drawSegmentBackground(
ctx, ctx,
segmentIndex,
leftX, leftX,
expectedBitCount, expectedBitCount,
channelCount, channelCount,
@@ -1106,7 +1108,7 @@ function drawSegmentBackground(
height height
) { ) {
const segmentWidth = width / MAX_BITS_DISPLAYED_ON_GRAPH; const segmentWidth = width / MAX_BITS_DISPLAYED_ON_GRAPH;
ctx.fillStyle = 'green'; ctx.fillStyle = segmentIndex % 2 === 0 ? 'rgb(0, 128, 0)': 'rgb(0, 64, 0)';
const segmentHeight = (expectedBitCount / channelCount) * height const segmentHeight = (expectedBitCount / channelCount) * height
ctx.fillRect(leftX, 0, segmentWidth, segmentHeight); ctx.fillRect(leftX, 0, segmentWidth, segmentHeight);
} }
@@ -1170,7 +1172,7 @@ function drawChannelByteMarkers(ctx, channelCount, width, height) {
} }
} }
function drawChannelNumbers(ctx, channelCount, width, height) { function drawChannelNumbers(ctx, channelCount, width, height) {
const offset = 50; const offset = 0;
const channelHeight = height / channelCount; const channelHeight = height / channelCount;
const segmentWidth = width / MAX_BITS_DISPLAYED_ON_GRAPH; const segmentWidth = width / MAX_BITS_DISPLAYED_ON_GRAPH;
let fontHeight = Math.min(24, channelHeight, segmentWidth); let fontHeight = Math.min(24, channelHeight, segmentWidth);