Upload 37 files

src/components/MultiSourceCaptioningView.tsx

@@ -115,7 +115,8 @@ export default function MultiSourceCaptioningView() {
       if (Array.isArray(boxes) && boxes.length > 0) {
         const scaleX = canvas.width / video.videoWidth;
         const scaleY = canvas.height / video.videoHeight;
-        drawBoundingBoxesOnCanvas(ctx, boxes, { scaleX, scaleY });
+        ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear canvas before drawing boxes
+        drawBoundingBoxesOnCanvas(ctx, boxes, { color: "#FF00FF", lineWidth: 4, font: "20px Arial", scaleX, scaleY }); // Use visible color and thick line
       }
     });
   };