@editframe/elements 0.15.0-beta.13 → 0.15.0-beta.15

package/src/elements/EFWaveform.ts

@@ -164,7 +164,7 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     const path = new Path2D();
 
     frequencyData.forEach((value, i) => {
-      const normalizedValue = Math.min((value / 255) * 2, 1);
+      const normalizedValue = value / 255;
       const barHeight = normalizedValue * waveHeight;
       const y = (waveHeight - barHeight) / 2;
       const x = waveWidth * paddingOuter + i * (barWidth * (1 + paddingInner));
@@ -190,7 +190,7 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     const maxBricks = Math.floor(waveHeight / (boxSize + verticalGap)); // Account for gaps in height calculation
 
     frequencyData.forEach((value, i) => {
-      const normalizedValue = Math.min((value / 255) * 2, 1);
+      const normalizedValue = value / 255;
       const brickCount = Math.floor(normalizedValue * maxBricks);
 
       for (let j = 0; j < brickCount; j++) {
@@ -225,7 +225,7 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     const path = new Path2D();
 
     frequencyData.forEach((value, i) => {
-      const normalizedValue = Math.min((value / 255) * 2, 1);
+      const normalizedValue = value / 255;
       const height = normalizedValue * waveHeight; // Use full wave height like in drawBars
       const x = waveWidth * paddingOuter + i * (barWidth * (1 + paddingInner));
       const y = (waveHeight - height) / 2; // Center vertically
@@ -238,42 +238,6 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     ctx.fill(path);
   }
 
-  protected drawEqualizer(
-    ctx: CanvasRenderingContext2D,
-    frequencyData: Uint8Array,
-  ) {
-    const canvas = ctx.canvas;
-    const waveWidth = canvas.width;
-    const waveHeight = canvas.height;
-    const baseline = waveHeight / 2;
-    const barWidth = (waveWidth / frequencyData.length) * 0.8;
-
-    ctx.clearRect(0, 0, waveWidth, waveHeight);
-
-    // Create paths for baseline and bars
-    const baselinePath = new Path2D();
-    const barsPath = new Path2D();
-
-    // Draw baseline
-    baselinePath.moveTo(0, baseline);
-    baselinePath.lineTo(waveWidth, baseline);
-
-    // Draw bars
-    frequencyData.forEach((value, i) => {
-      const height = (value / 255) * (waveHeight / 2);
-      const x = i * (waveWidth / frequencyData.length);
-      const y = baseline - height;
-      barsPath.rect(x, y, barWidth, Math.max(height * 2, 1));
-    });
-
-    // Render baseline
-    ctx.lineWidth = 2;
-    ctx.stroke(baselinePath);
-
-    // Render bars
-    ctx.fill(barsPath);
-  }
-
   protected drawLine(ctx: CanvasRenderingContext2D, frequencyData: Uint8Array) {
     const canvas = ctx.canvas;
     const waveWidth = canvas.width;
@@ -283,7 +247,7 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     const path = new Path2D();
 
     // Sample fewer points to make sharp angles more visible
-    const sampleRate = 4; // Only use every 4th point
+    const sampleRate = 1; // Only use every 4th point
 
     for (let i = 0; i < frequencyData.length; i += sampleRate) {
       const x = (i / frequencyData.length) * waveWidth;
@@ -295,7 +259,6 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
         path.lineTo(x, y);
       }
     }
-
     // Ensure we draw to the end
     const lastX = waveWidth;
     const lastY =
@@ -351,7 +314,7 @@ export class EFWaveform extends EFTemporal(TWMixin(LitElement)) {
     const path = new Path2D();
 
     frequencyData.forEach((value, i) => {
-      const normalizedValue = Math.min((value / 255) * 2, 1); // Updated normalization
+      const normalizedValue = value / 255;
       const x = i * (waveWidth / frequencyData.length);
       const barHeight = normalizedValue * (waveHeight / 2); // Half height since we extend both ways
       const y = baseline - barHeight;