Upload 51 files

src/components/MultiSourceCaptioningView.tsx

@@ -117,6 +117,12 @@ export default function MultiSourceCaptioningView() {
     };
   }, [videoRef, overlayVideoRef, uploadedUrl, videoUrl, mode]);
 
+  useEffect(() => {
+    if ((mode === "URL" || mode === "File") && processingVideoRef.current) {
+      processingVideoRef.current.play().catch(() => {});
+    }
+  }, [mode, videoUrl, uploadedUrl]);
+
   const processVideoFrame = async () => {
     if (!processingVideoRef.current || !canvasRef.current) return;
     const video = processingVideoRef.current;
@@ -420,6 +426,7 @@ export default function MultiSourceCaptioningView() {
                   muted
                   playsInline
                   style={{ display: "none" }}
+                  onLoadedData={e => { e.currentTarget.play().catch(() => {}); }}
                 />
                 <canvas
                   ref={canvasRef}
@@ -515,6 +522,7 @@ export default function MultiSourceCaptioningView() {
                     muted
                     playsInline
                     style={{ display: "none" }}
+                    onLoadedData={e => { e.currentTarget.play().catch(() => {}); }}
                   />
                   <canvas
                     ref={canvasRef}
@@ -553,6 +561,7 @@ export default function MultiSourceCaptioningView() {
                     muted
                     playsInline
                     style={{ display: "none" }}
+                    onLoadedData={e => { e.currentTarget.play().catch(() => {}); }}
                   />
                   <canvas
                     ref={canvasRef}