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

separate channel byte markers

Browse Source
This commit is contained in:
Lewis Moten
2024-05-05 16:19:12 -04:00
parent 5a5c013001
commit 1970ac93d6
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.js
View File

@@ -1063,20 +1063,23 @@ function drawChannelData() {
// } // }
} }
if(channelIndex % 8 === 0) {
ctx.strokeStyle = 'black';
ctx.lineWidth = 3;
ctx.beginPath();
ctx.moveTo(0, top-1);
ctx.lineTo(width, top-1);
ctx.stroke();
}
} }
drawChannelByteMarkers(ctx, channelCount, channelHeight, width);
overlays.forEach(fn => fn()); overlays.forEach(fn => fn());
drawChannelNumbers(ctx, channelCount, channelHeight) drawChannelNumbers(ctx, channelCount, channelHeight)
console.log('time', performance.now() - S); console.log('time', performance.now() - S);
} }
function drawChannelByteMarkers(ctx, channelCount, channelHeight, width) {
for(let channelIndex = 8; channelIndex < channelCount; channelIndex+= 8) {
let top = channelHeight * channelIndex;
ctx.strokeStyle = 'black';
ctx.lineWidth = 3;
ctx.beginPath();
ctx.moveTo(0, top);
ctx.lineTo(width, top);
ctx.stroke();
}
}
function drawChannelNumbers(ctx, channelCount, channelHeight) { function drawChannelNumbers(ctx, channelCount, channelHeight) {
let fontHeight = Math.min(24, channelHeight); let fontHeight = Math.min(24, channelHeight);
ctx.font = `${fontHeight}px Arial`; ctx.font = `${fontHeight}px Arial`;