feat: add mediainfo.js and background worker for supporting all video formats and codecs

Author: ompatel100

web/app.js

@@ -17,6 +17,28 @@ const els = {
   resetBtn: document.getElementById("reset-btn"),
 };
 
+const mediainfoWorker = new Worker("./mediainfo-worker.js");
+
+function getWasmDuration(file) {
+  return new Promise((resolve, reject) => {
+    const listener = (e) => {
+      const { success, fileName, duration, error } = e.data;
+
+      if (fileName === file.name) {
+        mediainfoWorker.removeEventListener("message", listener);
+        if (success) {
+          resolve(duration);
+        } else {
+          reject(new Error(error));
+        }
+      }
+    };
+
+    mediainfoWorker.addEventListener("message", listener);
+    mediainfoWorker.postMessage(file);
+  });
+}
+
 ["dragenter", "dragover", "dragleave", "drop"].forEach((eventName) => {
   els.dropZone.addEventListener(
     eventName,
@@ -122,7 +144,7 @@ function handleFiles(rawFiles) {
 }
 
 function isVideo(file) {
-  return file.name.match(/\.(mp4|webm|mov)$/i);
+  return file.name.match(/\.(mp4|webm|mov|mkv|avi|flv|wmv|m4v)$/i);
 }
 
 function getFolderName(file) {
@@ -174,20 +196,34 @@ async function processFiles(files) {
     els.status.innerText = `> Processing video ${i + 1} of ${files.length}...`;
 
     const folderName = getFolderName(file);
+    let duration = 0;
+
+    try {
+      if (file.name.match(/\.(mp4|webm|mov|m4v)$/i)) {
+        try {
+          duration = await getDuration(file);
+        } catch (err) {
+          console.warn(
+            `Native scan failed for ${file.name}. Falling back to WASM...`,
+          );
+          duration = await getWasmDuration(file);
+        }
+      } else {
+        console.log(`Sending ${file.name} to WASM worker...`);
+        duration = await getWasmDuration(file);
+      }
 
-    if (file.name.match(/\.(mp4|webm|mov)$/i)) {
-      try {
-        const duration = await getDuration(file);
+      if (duration > 0) {
         const folder = state.folderMap.get(folderName);
         if (folder) {
           folder.duration += duration;
           state.total.duration += duration;
           updateFolderRow(folderName);
           updateTotalStats();
         }
-      } catch (e) {
-        console.warn(`Could not read duration for: ${file.name}`);
       }
+    } catch (e) {
+      console.error(`Could not read duration for: ${file.name}`, e);
     }
   }
 

web/mediainfo-worker.js

@@ -0,0 +1,43 @@
+importScripts("./mediainfo.js/index.min.js");
+
+let mediainfoInstance = null;
+
+self.onmessage = async (e) => {
+  const file = e.data;
+
+  try {
+    if (!mediainfoInstance) {
+      mediainfoInstance = await MediaInfo.mediaInfoFactory({
+        format: "object",
+        locateFile: () => "./mediainfo.js/MediaInfoModule.wasm",
+      });
+    }
+
+    const readChunk = async (chunkSize, offset) => {
+      const buffer = await file.slice(offset, offset + chunkSize).arrayBuffer();
+      return new Uint8Array(buffer);
+    };
+
+    const result = await mediainfoInstance.analyzeData(file.size, readChunk);
+
+    const generalTrack = result.media.track.find(
+      (t) => t["@type"] === "General",
+    );
+    const durationSec =
+      generalTrack && generalTrack.Duration
+        ? parseFloat(generalTrack.Duration)
+        : 0;
+
+    self.postMessage({
+      success: true,
+      fileName: file.name,
+      duration: durationSec,
+    });
+  } catch (error) {
+    self.postMessage({
+      success: false,
+      fileName: file.name,
+      error: error.message || error,
+    });
+  }
+};

web/mediainfo.js/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2002-2016 MediaArea.net SARL, All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.