selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

tweak waveform

Browse Source
This commit is contained in:
Jose B
2023-09-25 11:39:22 -05:00
parent 27eba84043
commit cb5f77b83e
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
www/app/lib/custom-plugins/record.ts
View File

@@ -84,6 +84,7 @@ class RecordPlugin extends BasePlugin<RecordPluginEvents, RecordPluginOptions> {
const dataArray = new Uint8Array(bufferLength); const dataArray = new Uint8Array(bufferLength);
let animationId: number, previousTimeStamp: number; let animationId: number, previousTimeStamp: number;
const MULTIPLIER = 1.2;
const DATA_SIZE = 128.0; const DATA_SIZE = 128.0;
const BUFFER_SIZE = 2 ** 8; const BUFFER_SIZE = 2 ** 8;
const dataBuffer = new Array(BUFFER_SIZE).fill(DATA_SIZE); const dataBuffer = new Array(BUFFER_SIZE).fill(DATA_SIZE);
@@ -109,15 +110,19 @@ class RecordPlugin extends BasePlugin<RecordPluginEvents, RecordPluginOptions> {
// Drawing // Drawing
const sliceWidth = canvas.width / dataBuffer.length; const sliceWidth = canvas.width / dataBuffer.length;
let x = 0; let xPos = 0;
for (let i = 0; i < dataBuffer.length; i++) { for (let i = 0; i < dataBuffer.length; i++) {
const y = (canvas.height * dataBuffer[i]) / (2 * DATA_SIZE); const y =
dataBuffer[i] + 2 > DATA_SIZE
? dataBuffer[i]
: dataBuffer[i] / MULTIPLIER;
const yPos = (canvas.height * y) / (2 * DATA_SIZE);
const sliceHeight = const sliceHeight =
((1 - canvas.height) * dataBuffer[i]) / DATA_SIZE + canvas.height; ((1 - canvas.height) * y) / DATA_SIZE + canvas.height;
canvasCtx.fillRect(x, y, (sliceWidth * 2) / 3, sliceHeight); canvasCtx.fillRect(xPos, yPos, (sliceWidth * 2) / 3, sliceHeight);
x += sliceWidth; xPos += sliceWidth;
} }
animationId = requestAnimationFrame(drawWaveform); animationId = requestAnimationFrame(drawWaveform);