@loaders.gl/video 4.4.2 → 5.0.0-alpha.1

package/dist/unbundled.js

@@ -0,0 +1,5 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export { VideoLoader } from "./video-loader.js";
+//# sourceMappingURL=unbundled.js.map

package/dist/unbundled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unbundled.js","sourceRoot":"","sources":["../src/unbundled.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,+BAA+B;AAC/B,oCAAoC;AAGpC,OAAO,EAAC,WAAW,EAAC,0BAAuB"}

package/dist/video-format.d.ts

@@ -0,0 +1,13 @@
+/** Video media format. */
+export declare const VideoFormat: {
+    readonly name: "Video";
+    readonly id: "video";
+    readonly module: "video";
+    readonly encoding: "video";
+    readonly format: "video";
+    readonly extensions: ["mp4"];
+    readonly mimeTypes: ["video/mp4"];
+    readonly category: "video";
+    readonly binary: true;
+};
+//# sourceMappingURL=video-format.d.ts.map

package/dist/video-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-format.d.ts","sourceRoot":"","sources":["../src/video-format.ts"],"names":[],"mappings":"AAMA,0BAA0B;AAC1B,eAAO,MAAM,WAAW;;;;;;;;;;CAUG,CAAC"}

package/dist/video-format.js

@@ -0,0 +1,16 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+/** Video media format. */
+export const VideoFormat = {
+    name: 'Video',
+    id: 'video',
+    module: 'video',
+    encoding: 'video',
+    format: 'video',
+    extensions: ['mp4'],
+    mimeTypes: ['video/mp4'],
+    category: 'video',
+    binary: true
+};
+//# sourceMappingURL=video-format.js.map

package/dist/video-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-format.js","sourceRoot":"","sources":["../src/video-format.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,+BAA+B;AAC/B,oCAAoC;AAIpC,0BAA0B;AAC1B,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,CAAC,KAAK,CAAC;IACnB,SAAS,EAAE,CAAC,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,IAAI;CACa,CAAC"}

package/dist/video-loader-with-parser.d.ts

@@ -0,0 +1,27 @@
+import type { LoaderOptions } from '@loaders.gl/loader-utils';
+import parseVideo from "./lib/parsers/parse-video.js";
+export type VideoLoaderOptions = LoaderOptions & {
+    video: {};
+};
+/**
+ * Loads a platform-specific image type that can be used as input data to WebGL textures
+ */
+export declare const VideoLoaderWithParser: {
+    readonly parse: typeof parseVideo;
+    readonly version: any;
+    readonly options: {
+        readonly video: {};
+    };
+    readonly name: "Video";
+    readonly id: "video";
+    readonly module: "video";
+    readonly encoding: "video";
+    readonly format: "video";
+    readonly extensions: ["mp4"];
+    readonly mimeTypes: ["video/mp4"];
+    readonly category: "video";
+    readonly binary: true;
+    readonly dataType: HTMLVideoElement;
+    readonly batchType: never;
+};
+//# sourceMappingURL=video-loader-with-parser.d.ts.map

package/dist/video-loader-with-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-loader-with-parser.d.ts","sourceRoot":"","sources":["../src/video-loader-with-parser.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAmB,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAC9E,OAAO,UAAU,qCAAkC;AAKnD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,EAAE,EAAE,CAAC;CACX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAGgD,CAAC"}

package/dist/video-loader-with-parser.js

@@ -0,0 +1,14 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import parseVideo from "./lib/parsers/parse-video.js";
+import { VideoLoader as VideoLoaderMetadata } from "./video-loader.js";
+const { preload: _VideoLoaderPreload, ...VideoLoaderMetadataWithoutPreload } = VideoLoaderMetadata;
+/**
+ * Loads a platform-specific image type that can be used as input data to WebGL textures
+ */
+export const VideoLoaderWithParser = {
+    ...VideoLoaderMetadataWithoutPreload,
+    parse: parseVideo
+};
+//# sourceMappingURL=video-loader-with-parser.js.map

package/dist/video-loader-with-parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-loader-with-parser.js","sourceRoot":"","sources":["../src/video-loader-with-parser.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,+BAA+B;AAC/B,oCAAoC;AAGpC,OAAO,UAAU,qCAAkC;AACnD,OAAO,EAAC,WAAW,IAAI,mBAAmB,EAAC,0BAAuB;AAElE,MAAM,EAAC,OAAO,EAAE,mBAAmB,EAAE,GAAG,iCAAiC,EAAC,GAAG,mBAAmB,CAAC;AAMjG;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,GAAG,iCAAiC;IACpC,KAAK,EAAE,UAAU;CAC+D,CAAC"}

package/dist/video-loader.d.ts

@@ -1,23 +1,44 @@
 import type { LoaderOptions } from '@loaders.gl/loader-utils';
-import parseVideo from "./lib/parsers/parse-video.js";
 export type VideoLoaderOptions = LoaderOptions & {
     video: {};
 };
-/**
- * Loads a platform-specific image type that can be used as input data to WebGL textures
- */
-export declare const VideoLoader: {
-    readonly dataType: HTMLVideoElement;
-    readonly batchType: never;
+/** Preloads the parser-bearing video loader implementation. */
+declare function preload(): Promise<{
+    readonly parse: typeof import("./lib/parsers/parse-video").default;
+    readonly version: any;
+    readonly options: {
+        readonly video: {};
+    };
     readonly name: "Video";
     readonly id: "video";
     readonly module: "video";
-    readonly version: any;
+    readonly encoding: "video";
+    readonly format: "video";
     readonly extensions: ["mp4"];
     readonly mimeTypes: ["video/mp4"];
+    readonly category: "video";
+    readonly binary: true;
+    readonly dataType: HTMLVideoElement;
+    readonly batchType: never;
+}>;
+/** Metadata-only loader for platform-specific video elements. */
+export declare const VideoLoader: {
+    readonly version: any;
     readonly options: {
         readonly video: {};
     };
-    readonly parse: typeof parseVideo;
+    readonly preload: typeof preload;
+    readonly name: "Video";
+    readonly id: "video";
+    readonly module: "video";
+    readonly encoding: "video";
+    readonly format: "video";
+    readonly extensions: ["mp4"];
+    readonly mimeTypes: ["video/mp4"];
+    readonly category: "video";
+    readonly binary: true;
+    readonly dataType: HTMLVideoElement;
+    readonly batchType: never;
 };
+export {};
 //# sourceMappingURL=video-loader.d.ts.map

package/dist/video-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-loader.d.ts","sourceRoot":"","sources":["../src/video-loader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAmB,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAC9E,OAAO,UAAU,qCAAkC;AAMnD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,EAAE,EAAE,CAAC;CACX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW;uBACO,gBAAgB;wBAC1B,KAAK;;;;;;;;;;;CAYwD,CAAC"}
+{"version":3,"file":"video-loader.d.ts","sourceRoot":"","sources":["../src/video-loader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAS,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAOpE,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,EAAE,EAAE,CAAC;CACX,CAAC;AAEF,+DAA+D;AAC/D,iBAAe,OAAO;;;;;;;;;;;;;;;uBAOS,gBAAgB;wBAC1B,KAAK;GALzB;AAED,iEAAiE;AACjE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;uBACO,gBAAgB;wBAC1B,KAAK;CAQ8C,CAAC"}

package/dist/video-loader.js

@@ -1,26 +1,25 @@
 // loaders.gl
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
-import parseVideo from "./lib/parsers/parse-video.js";
+import { VideoFormat } from "./video-format.js";
 // __VERSION__ is injected by babel-plugin-version-inline
 // @ts-ignore TS2304: Cannot find name '__VERSION__'.
-const VERSION = typeof "4.4.2" !== 'undefined' ? "4.4.2" : 'latest';
-/**
- * Loads a platform-specific image type that can be used as input data to WebGL textures
- */
+const VERSION = typeof "5.0.0-alpha.1" !== 'undefined' ? "5.0.0-alpha.1" : 'latest';
+/** Preloads the parser-bearing video loader implementation. */
+async function preload() {
+    const { VideoLoaderWithParser } = await import("./video-loader-with-parser.js");
+    return VideoLoaderWithParser;
+}
+/** Metadata-only loader for platform-specific video elements. */
 export const VideoLoader = {
     dataType: null,
     batchType: null,
-    name: 'Video',
-    id: 'video',
-    module: 'video',
+    ...VideoFormat,
     version: VERSION,
-    extensions: ['mp4'],
-    mimeTypes: ['video/mp4'],
     // tests: arrayBuffer => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer))),
     options: {
         video: {}
     },
-    parse: parseVideo
+    preload
 };
 //# sourceMappingURL=video-loader.js.map

package/dist/video-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-loader.js","sourceRoot":"","sources":["../src/video-loader.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,+BAA+B;AAC/B,oCAAoC;AAGpC,OAAO,UAAU,qCAAkC;AAEnD,yDAAyD;AACzD,qDAAqD;AACrD,MAAM,OAAO,GAAG,cAAkB,KAAK,WAAW,CAAC,CAAC,SAAa,CAAC,CAAC,QAAQ,CAAC;AAM5E;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,IAAmC;IAC7C,SAAS,EAAE,IAAa;IACxB,IAAI,EAAE,OAAO;IACb,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,CAAC,KAAK,CAAC;IACnB,SAAS,EAAE,CAAC,WAAW,CAAC;IACxB,oFAAoF;IACpF,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE,UAAU;CAC+D,CAAC"}
+{"version":3,"file":"video-loader.js","sourceRoot":"","sources":["../src/video-loader.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,+BAA+B;AAC/B,oCAAoC;AAGpC,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAE3C,yDAAyD;AACzD,qDAAqD;AACrD,MAAM,OAAO,GAAG,sBAAkB,KAAK,WAAW,CAAC,CAAC,iBAAa,CAAC,CAAC,QAAQ,CAAC;AAM5E,+DAA+D;AAC/D,KAAK,UAAU,OAAO;IACpB,MAAM,EAAC,qBAAqB,EAAC,GAAG,MAAM,MAAM,iCAA8B,CAAC;IAC3E,OAAO,qBAAqB,CAAC;AAC/B,CAAC;AAED,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,IAAmC;IAC7C,SAAS,EAAE,IAAa;IACxB,GAAG,WAAW;IACd,OAAO,EAAE,OAAO;IAChB,oFAAoF;IACpF,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,OAAO;CAC+D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loaders.gl/video",
-  "version": "4.4.2",
+  "version": "5.0.0-alpha.1",
   "description": "Framework-independent loaders and writers for video (MP4, WEBM, ...)",
   "license": "MIT",
   "type": "module",
@@ -27,6 +27,14 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./unbundled": {
+      "types": "./dist/unbundled.d.ts",
+      "import": "./dist/unbundled.js"
+    },
+    "./bundled": {
+      "types": "./dist/bundled.d.ts",
+      "import": "./dist/bundled.js"
     }
   },
   "sideEffects": false,
@@ -41,12 +49,12 @@
     "build-bundle-dev": "ocular-bundle ./bundle.ts --env=dev --output=dist/dist.dev.js"
   },
   "dependencies": {
-    "@loaders.gl/loader-utils": "4.4.2",
-    "@loaders.gl/worker-utils": "4.4.2",
+    "@loaders.gl/loader-utils": "5.0.0-alpha.1",
+    "@loaders.gl/worker-utils": "5.0.0-alpha.1",
     "gifshot": "^0.4.5"
   },
   "peerDependencies": {
-    "@loaders.gl/core": "~4.4.0"
+    "@loaders.gl/core": "~5.0.0-alpha.0"
   },
-  "gitHead": "1c9649781db0403dbf7c3f1224bbeec77bd812eb"
+  "gitHead": "77a55028e8204e09df1258f10cb61ed35353b258"
 }

package/src/bundled.ts

@@ -0,0 +1,6 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+export type {VideoLoaderOptions} from './video-loader-with-parser';
+export {VideoLoaderWithParser as VideoLoader} from './video-loader-with-parser';

package/src/gif-builder.ts

@@ -16,7 +16,7 @@ const GIF_BUILDER_OPTIONS = {
   crossOrigin: 'Anonymous', // Options are 'Anonymous', 'use-credentials', or a falsy value to not set a CORS attribute.
 
   // CALLBACKS
-  progressCallback: (captureProgress) => {}, // Callback that provides the current progress of the current image
+  progressCallback: _captureProgress => {}, // Callback that provides the current progress of the current image
   completeCallback: () => {}, // Callback function that is called when the current image is completed
 
   // QUALITY SETTINGS
@@ -122,7 +122,7 @@ export default class GIFBuilder {
 
   async _createGIF(): Promise<string> {
     return new Promise((resolve, reject) => {
-      this.gifshot.createGIF(this.options, (result) => {
+      this.gifshot.createGIF(this.options, result => {
         // callback object properties
         // --------------------------
         // image - Base 64 image

package/src/index.ts

@@ -2,6 +2,8 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
+export type {VideoLoaderOptions} from './video-loader';
+export {VideoFormat} from './video-format';
 export {VideoLoader} from './video-loader';
 
 export {default as GIFBuilder} from './gif-builder';

package/src/lib/gifshot/gifshot.ts

@@ -49,7 +49,11 @@ var utils = {
     const loop = function loop() {
       const current = new Date().getTime();
       const delta = current - start;
-      delta >= delay ? callback.call() : (handle.value = requestAnimFrame(loop));
+      if (delta >= delay) {
+        callback.call();
+      } else {
+        handle.value = requestAnimFrame(loop);
+      }
     };
     handle.value = requestAnimFrame(loop);
     return handle;
@@ -83,9 +87,9 @@ var utils = {
           enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
           enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
           enc4 = chr3 & 63;
-          if (isNaN(chr2)) {
+          if (Number.isNaN(chr2)) {
             enc3 = enc4 = 64;
-          } else if (isNaN(chr3)) {
+          } else if (Number.isNaN(chr3)) {
             enc4 = 64;
           }
           output =
@@ -110,6 +114,12 @@ var utils = {
   isElement: function isElement(elem) {
     return elem && elem.nodeType === 1;
   },
+  isImageBitmap: function isImageBitmap(image) {
+    return typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap;
+  },
+  isDrawable: function isDrawable(image) {
+    return utils.isElement(image) || utils.isImageBitmap(image);
+  },
   isString: function isString(value) {
     return typeof value === 'string' || Object.prototype.toString.call(value) === '[object String]';
   },
@@ -154,7 +164,7 @@ var utils = {
           // Check for Webm support
           supportObj.webm = testEl.canPlayType('video/webm; codecs="vp8, vorbis"') !== -1;
         }
-      } catch (e) {}
+      } catch (_e) {}
       return supportObj;
     })()
   },
@@ -495,7 +505,7 @@ function NeuQuant() {
   const intbiasshift = 16; // bias for fractions
   const intbias = 1 << intbiasshift;
   const gammashift = 10; // gamma = 1024
-  const gamma = 1 << gammashift;
+  const _gamma = 1 << gammashift;
   const betashift = 10;
   const beta = intbias >> betashift; // beta = 1/1024
   const betagamma = intbias << (gammashift - betashift);
@@ -589,7 +599,7 @@ function NeuQuant() {
       }
       q = network[smallpos];
       // swap p (i) and q (smallpos) entries
-      if (i != smallpos) {
+      if (i !== smallpos) {
         j = q[0];
         q[0] = p[0];
         p[0] = j;
@@ -604,7 +614,7 @@ function NeuQuant() {
         p[3] = j;
       }
       // smallval entry is now in position i
-      if (smallval != previouscol) {
+      if (smallval !== previouscol) {
         netindex[previouscol] = (startpos + i) >> 1;
         for (j = previouscol + 1; j < smallval; j++) {
           netindex[j] = i;
@@ -779,7 +789,7 @@ function NeuQuant() {
   // to prepare for sort
   function unbiasnet() {
     let i;
-    let j;
+    let _j;
     for (i = 0; i < netsize; i++) {
       network[i][0] >>= netbiasshift;
       network[i][1] >>= netbiasshift;
@@ -816,7 +826,7 @@ function NeuQuant() {
           p[0] -= ((a * (p[0] - b)) / alpharadbias) | 0;
           p[1] -= ((a * (p[1] - g)) / alpharadbias) | 0;
           p[2] -= ((a * (p[2] - r)) / alpharadbias) | 0;
-        } catch (e) {}
+        } catch (_e) {}
       }
       if (k > lo) {
         p = network[k--];
@@ -824,7 +834,7 @@ function NeuQuant() {
           p[0] -= ((a * (p[0] - b)) / alpharadbias) | 0;
           p[1] -= ((a * (p[1] - g)) / alpharadbias) | 0;
           p[2] -= ((a * (p[2] - r)) / alpharadbias) | 0;
-        } catch (e) {}
+        } catch (_e) {}
       }
     }
   }
@@ -903,7 +913,7 @@ function NeuQuant() {
  * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
  */
 function workerCode() {
-  const self = this;
+  const _self = this;
   try {
     globalThis.onmessage = function (ev) {
       const data = ev.data || {};
@@ -913,7 +923,7 @@ function workerCode() {
         postMessage(response);
       }
     };
-  } catch (e) {}
+  } catch (_e) {}
   var workerMethods = {
     dataToRGB: function dataToRGB(data, width, height) {
       const length = width * height * 4;
@@ -967,7 +977,7 @@ function workerCode() {
       frame = frame || {};
       const _frame = frame;
       const height = _frame.height;
-      const palette = _frame.palette;
+      const _palette = _frame.palette;
       const sampleInterval = _frame.sampleInterval;
       const width = _frame.width;
       const imageData = frame.data;
@@ -1087,8 +1097,10 @@ function gifWriter(buf, width, height, gopts) {
     let num_colors = check_palette_and_num_colors(palette);
     // Compute the min_code_size (power of 2), destroying num_colors.
     let min_code_size = 0;
-    while ((num_colors >>= 1)) {
+    num_colors >>= 1;
+    while (num_colors) {
       ++min_code_size;
+      num_colors >>= 1;
     }
     num_colors = 1 << min_code_size; // Now we can easily get it back.
     const delay = opts.delay === undefined ? 0 : opts.delay;
@@ -1406,7 +1418,6 @@ AnimatedGIF.prototype = {
   },
   processFrame: function processFrame(position) {
     const AnimatedGifContext = this;
-    const options = this.options;
     const _options = this.options;
     const progressCallback = _options.progressCallback;
     const sampleInterval = _options.sampleInterval;
@@ -1523,8 +1534,8 @@ AnimatedGIF.prototype = {
     const fontColor = _gifshotOptions.fontColor;
     const fontFamily = _gifshotOptions.fontFamily;
     const fontWeight = _gifshotOptions.fontWeight;
-    const gifHeight = _gifshotOptions.gifHeight;
-    const gifWidth = _gifshotOptions.gifWidth;
+    const _gifHeight = _gifshotOptions.gifHeight;
+    const _gifWidth = _gifshotOptions.gifWidth;
     const text = _gifshotOptions.text;
     const textAlign = _gifshotOptions.textAlign;
     const textBaseline = _gifshotOptions.textBaseline;
@@ -1630,7 +1641,7 @@ function getBase64GIF(animatedGifInstance, callback) {
  */
 function existingImages() {
   const obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const self = this;
+  const _self = this;
   const callback = obj.callback;
   const images = obj.images;
   const options = obj.options;
@@ -1654,7 +1665,7 @@ function existingImages() {
     // if (image.src) {
     //     currentImage = currentImage.src;
     // }
-    if (utils.isElement(currentImage)) {
+    if (utils.isDrawable(currentImage)) {
       if (options.crossOrigin) {
         currentImage.crossOrigin = options.crossOrigin;
       }
@@ -1743,7 +1754,7 @@ const screenShot = {
     const fontFamily = options.fontFamily;
     const fontWeight = options.fontWeight;
     const keepCameraOn = options.keepCameraOn;
-    const numWorkers = options.numWorkers;
+    const _numWorkers = options.numWorkers;
     const progressCallback = options.progressCallback;
     const saveRenderingContexts = options.saveRenderingContexts;
     const savedRenderingContexts = options.savedRenderingContexts;
@@ -1757,7 +1768,7 @@ const screenShot = {
     const gifWidth = Number(options.gifWidth);
     const gifHeight = Number(options.gifHeight);
     let interval = Number(options.interval);
-    const sampleInterval = Number(options.sampleInterval);
+    const _sampleInterval = Number(options.sampleInterval);
     const waitBetweenFrames = hasExistingImages ? 0 : interval * 1000;
     const renderingContextsToSave = [];
     let numFrames = savedRenderingContexts.length
@@ -1981,7 +1992,7 @@ var videoStream = {
       } else if (existingVideo instanceof Blob) {
         try {
           videoElement.src = utils.URL.createObjectURL(existingVideo);
-        } catch (e) {}
+        } catch (_e) {}
         videoElement.innerHTML = `<source src="${existingVideo}" type="${existingVideo.type}" />`;
       }
     } else if (videoElement.mozSrcObject) {
@@ -1990,7 +2001,7 @@ var videoStream = {
       try {
         videoElement.srcObject = cameraStream;
         videoElement.src = utils.URL.createObjectURL(cameraStream);
-      } catch (e) {
+      } catch (_e) {
         videoElement.srcObject = cameraStream;
       }
     }
@@ -2032,7 +2043,7 @@ var videoStream = {
       : webcamVideoElement
         ? webcamVideoElement
         : document.createElement('video');
-    const cameraStream = void 0;
+    const _cameraStream = void 0;
     if (crossOrigin) {
       videoElement.crossOrigin = options.crossOrigin;
     }
@@ -2178,7 +2189,7 @@ function createAndGetGIF(obj, callback) {
   const video = options.video;
   const gifWidth = Number(options.gifWidth);
   const gifHeight = Number(options.gifHeight);
-  const numFrames = Number(options.numFrames);
+  const _numFrames = Number(options.numFrames);
   const cameraStream = obj.cameraStream;
   const videoElement = obj.videoElement;
   const videoWidth = obj.videoWidth;
@@ -2234,11 +2245,11 @@ function existingVideo() {
     'globalThis.URL': true
   };
   const errorObj = error.validate(skipObj);
-  const loadedImages = 0;
+  const _loadedImages = 0;
   let videoType = void 0;
   let videoSrc = void 0;
-  const tempImage = void 0;
-  const ag = void 0;
+  const _tempImage = void 0;
+  const _ag = void 0;
   if (errorObj.error) {
     return callback(errorObj);
   }

package/src/unbundled.ts

@@ -0,0 +1,6 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+export type {VideoLoaderOptions} from './video-loader';
+export {VideoLoader} from './video-loader';

package/src/video-format.ts

@@ -0,0 +1,18 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {Format} from '@loaders.gl/loader-utils';
+
+/** Video media format. */
+export const VideoFormat = {
+  name: 'Video',
+  id: 'video',
+  module: 'video',
+  encoding: 'video',
+  format: 'video',
+  extensions: ['mp4'],
+  mimeTypes: ['video/mp4'],
+  category: 'video',
+  binary: true
+} as const satisfies Format;

package/src/video-loader-with-parser.ts

@@ -0,0 +1,21 @@
+// loaders.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {LoaderWithParser, LoaderOptions} from '@loaders.gl/loader-utils';
+import parseVideo from './lib/parsers/parse-video';
+import {VideoLoader as VideoLoaderMetadata} from './video-loader';
+
+const {preload: _VideoLoaderPreload, ...VideoLoaderMetadataWithoutPreload} = VideoLoaderMetadata;
+
+export type VideoLoaderOptions = LoaderOptions & {
+  video: {};
+};
+
+/**
+ * Loads a platform-specific image type that can be used as input data to WebGL textures
+ */
+export const VideoLoaderWithParser = {
+  ...VideoLoaderMetadataWithoutPreload,
+  parse: parseVideo
+} as const satisfies LoaderWithParser<HTMLVideoElement, never, VideoLoaderOptions>;

package/src/video-loader.ts

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
 
-import type {LoaderWithParser, LoaderOptions} from '@loaders.gl/loader-utils';
-import parseVideo from './lib/parsers/parse-video';
+import type {Loader, LoaderOptions} from '@loaders.gl/loader-utils';
+import {VideoFormat} from './video-format';
 
 // __VERSION__ is injected by babel-plugin-version-inline
 // @ts-ignore TS2304: Cannot find name '__VERSION__'.
@@ -13,21 +13,21 @@ export type VideoLoaderOptions = LoaderOptions & {
   video: {};
 };
 
-/**
- * Loads a platform-specific image type that can be used as input data to WebGL textures
- */
+/** Preloads the parser-bearing video loader implementation. */
+async function preload() {
+  const {VideoLoaderWithParser} = await import('./video-loader-with-parser');
+  return VideoLoaderWithParser;
+}
+
+/** Metadata-only loader for platform-specific video elements. */
 export const VideoLoader = {
   dataType: null as unknown as HTMLVideoElement,
   batchType: null as never,
-  name: 'Video',
-  id: 'video',
-  module: 'video',
+  ...VideoFormat,
   version: VERSION,
-  extensions: ['mp4'],
-  mimeTypes: ['video/mp4'],
   // tests: arrayBuffer => Boolean(getBinaryImageMetadata(new DataView(arrayBuffer))),
   options: {
     video: {}
   },
-  parse: parseVideo
-} as const satisfies LoaderWithParser<HTMLVideoElement, never, VideoLoaderOptions>;
+  preload
+} as const satisfies Loader<HTMLVideoElement, never, VideoLoaderOptions>;