From 18f08eb766bbaba5872bd48bb683d3dce91785e0 Mon Sep 17 00:00:00 2001
From: bruefire <sprinkla.sendonly@gmail.com>
Date: Sun, 24 Dec 2023 12:08:43 +0900
Subject: [PATCH] added logic to display a loading frame number.

---
 js/main.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/js/main.js b/js/main.js
index 39410ec..2c91a21 100644
--- a/js/main.js
+++ b/js/main.js
@@ -263,7 +263,8 @@ app.registerExtension({
 
                 async function getFramesFromVideo(file) {
                     const imageType = 'image/png';
-                    let frameCount = 0;
+                    let loadFrameCount = 0;
+                    let blobFrameCount = 0;
                     let tWidth, tHeight;
                     let videoUrl = URL.createObjectURL(file);
                     let fCanvases = [];
@@ -278,6 +279,8 @@ app.registerExtension({
                         fCanvas.getContext('2d').drawImage(vframe, 0, 0, fCanvas.width, fCanvas.height);
                         vframe.close();
                         fCanvases.push(fCanvas);
+
+                        idWidget.value = (++loadFrameCount) + " frames loaded..";
                       },
                       onConfig(config) {
                         tWidth = config.codedWidth;
@@ -287,12 +290,14 @@ app.registerExtension({
                       },
                     });
 
+                    let blobFrameCount2 = 0;
                     let frames = await Promise.all(
                         fCanvases.map(fCanvas => 
                             new Promise((resolve, reject) => {
-                                const fid = frameCount++;
+                                const fid = blobFrameCount++;
                                 fCanvas.toBlob(blob => {
                                     if (blob) {
+                                        idWidget.value = (++blobFrameCount2) + "/" + (loadFrameCount) + " frames prepared..";
                                         blob.name = ("00000000" + fid).slice(-8) + ".png";
                                         resolve(blob);
                                     } else {
@@ -302,7 +307,7 @@ app.registerExtension({
                             })));
                 
                     URL.revokeObjectURL(videoUrl); // revoke URL to prevent memory leak
-                    console.log("Frame extraction completed with " + frameCount + " frames");
+                    console.log("Frame extraction completed with " + blobFrameCount + " frames");
 
                     return frames;
                 }