@zappar/zappar-cv 2.0.0-beta.1 → 2.0.0-beta.4

package/README.md

@@ -18,8 +18,8 @@ npm i @zappar/zappar-cv
 
 You can use our CDN from within your HTML:
 ```
-<script src="https://libs.zappar.com/zappar-cv/2.0.0-beta.1/zappar-cv.js"></script>
+<script src="https://libs.zappar.com/zappar-cv/2.0.0-beta.4/zappar-cv.js"></script>
 ```
 
 Or you can download and host our standalone JavaScript bundle:
-[https://libs.zappar.com/zappar-cv/2.0.0-beta.1/zappar-cv.zip](https://libs.zappar.com/zappar-cv/2.0.0-beta.1/zappar-cv.zip)
+[https://libs.zappar.com/zappar-cv/2.0.0-beta.4/zappar-cv.zip](https://libs.zappar.com/zappar-cv/2.0.0-beta.4/zappar-cv.zip)

package/lib/additional.d.ts

@@ -1,4 +1,4 @@
-import { zappar_face_mesh_t, zappar_face_tracker_t, zappar_pipeline_t, zappar_image_tracker_t } from "./gen/zappar";
+import { zappar_face_mesh_t, zappar_face_tracker_t, zappar_pipeline_t, zappar_image_tracker_t, zappar_sequence_source_t } from "./gen/zappar";
 export declare type zappar_html_element_source_t = number & {
     _: 'zappar_html_element_source_t';
 };
@@ -21,4 +21,5 @@ export interface Additional {
     html_element_source_destroy(o: zappar_html_element_source_t): void;
     browser_incompatible: () => boolean;
     browser_incompatible_ui: () => void;
+    sequence_source_time_set: (o: zappar_sequence_source_t, ms: number) => void;
 }

package/lib/gen/zappar-native.d.ts

@@ -56,6 +56,11 @@ export declare enum frame_pixel_format_t {
     FRAME_PIXEL_FORMAT_BGRA = 6,
     FRAME_PIXEL_FORMAT_Y = 7
 }
+export declare enum image_target_type_t {
+    IMAGE_TRACKER_TYPE_PLANAR = 0,
+    IMAGE_TRACKER_TYPE_CYLINDRICAL = 1,
+    IMAGE_TRACKER_TYPE_CONICAL = 2
+}
 export declare type zappar_pipeline_t = number & {
     _: 'zappar_pipeline_t';
 };

package/lib/gen/zappar-native.js

@@ -66,3 +66,10 @@ export var frame_pixel_format_t;
     frame_pixel_format_t[frame_pixel_format_t["FRAME_PIXEL_FORMAT_Y"] = 7] = "FRAME_PIXEL_FORMAT_Y";
 })(frame_pixel_format_t || (frame_pixel_format_t = {}));
 ;
+export var image_target_type_t;
+(function (image_target_type_t) {
+    image_target_type_t[image_target_type_t["IMAGE_TRACKER_TYPE_PLANAR"] = 0] = "IMAGE_TRACKER_TYPE_PLANAR";
+    image_target_type_t[image_target_type_t["IMAGE_TRACKER_TYPE_CYLINDRICAL"] = 1] = "IMAGE_TRACKER_TYPE_CYLINDRICAL";
+    image_target_type_t[image_target_type_t["IMAGE_TRACKER_TYPE_CONICAL"] = 2] = "IMAGE_TRACKER_TYPE_CONICAL";
+})(image_target_type_t || (image_target_type_t = {}));
+;

package/lib/gen/zappar.d.ts

@@ -7,6 +7,8 @@ import { instant_world_tracker_transform_orientation_t } from "./zappar-native";
 export { instant_world_tracker_transform_orientation_t } from "./zappar-native";
 import { log_level_t } from "./zappar-native";
 export { log_level_t } from "./zappar-native";
+import { image_target_type_t } from "./zappar-native";
+export { image_target_type_t } from "./zappar-native";
 export declare type zappar_pipeline_t = number & {
     _: 'zappar_pipeline_t';
 };
@@ -95,6 +97,7 @@ export interface zappar {
     image_tracker_target_load_from_memory(o: zappar_image_tracker_t, data: ArrayBuffer): void;
     image_tracker_target_loaded_version(o: zappar_image_tracker_t): number;
     image_tracker_target_count(o: zappar_image_tracker_t): number;
+    image_tracker_target_type(o: zappar_image_tracker_t, indx: number): image_target_type_t;
     image_tracker_target_radius_top(o: zappar_image_tracker_t, indx: number): number;
     image_tracker_target_radius_bottom(o: zappar_image_tracker_t, indx: number): number;
     image_tracker_target_side_length(o: zappar_image_tracker_t, indx: number): number;

package/lib/gen/zappar.js

@@ -3,3 +3,4 @@ export { face_landmark_name_t } from "./zappar-native";
 export { frame_pixel_format_t } from "./zappar-native";
 export { instant_world_tracker_transform_orientation_t } from "./zappar-native";
 export { log_level_t } from "./zappar-native";
+export { image_target_type_t } from "./zappar-native";

package/lib/imagetracker-previewmesh.d.ts

@@ -0,0 +1,2 @@
+import { ParsedTargetInfo, PreviewMesh } from "./imagetracker";
+export declare function getPreviewMesh(info: ParsedTargetInfo): PreviewMesh;

package/lib/imagetracker-previewmesh.js

@@ -0,0 +1,205 @@
+import { vec2 } from "gl-matrix";
+import { image_target_type_t } from "./gen/zappar-native";
+export function getPreviewMesh(info) {
+    switch (info.type) {
+        case image_target_type_t.IMAGE_TRACKER_TYPE_PLANAR: return planar(info);
+        case image_target_type_t.IMAGE_TRACKER_TYPE_CYLINDRICAL: return cylindrical(info);
+        case image_target_type_t.IMAGE_TRACKER_TYPE_CONICAL: return conical(info);
+    }
+    return defaultMesh();
+}
+function planar(info) {
+    const aspectRatio = info.trainedWidth / info.trainedHeight;
+    if (isNaN(aspectRatio))
+        return defaultMesh();
+    const vertices = new Float32Array([
+        -1.0 * aspectRatio, -1, 0,
+        -1.0 * aspectRatio, 1, 0,
+        aspectRatio, 1, 0,
+        aspectRatio, -1, 0
+    ]);
+    const indices = new Uint16Array([0, 2, 1, 0, 3, 2]);
+    const uvs = new Float32Array([
+        0, 0,
+        0, 1,
+        1, 1,
+        1, 0
+    ]);
+    const normals = new Float32Array([
+        0, 0, 1,
+        0, 0, 1,
+        0, 0, 1,
+        0, 0, 1,
+    ]);
+    return { vertices, indices, uvs, normals };
+}
+function defaultMesh() {
+    return {
+        indices: new Uint16Array(0),
+        vertices: new Float32Array(0),
+        normals: new Float32Array(0),
+        uvs: new Float32Array(0)
+    };
+}
+function cylindrical(info) {
+    return generalConical(info, 2, false, 0, 0, 0, vec2.create(), info.trainedWidth / info.trainedHeight);
+}
+function conical(info) {
+    const radius_diff = info.topRadius - info.bottomRadius;
+    const height_3d = Math.sqrt(info.sideLength * info.sideLength - radius_diff * radius_diff);
+    const flip = info.bottomRadius > info.topRadius;
+    let aspect_ratio = info.trainedWidth / info.trainedHeight;
+    if (isNaN(aspect_ratio))
+        aspect_ratio = 1;
+    const cone = !(info.bottomRadius > 0) || !(info.topRadius > 0);
+    const wide = info.sideLength < (2 * Math.abs(info.topRadius - info.bottomRadius));
+    const top_corner = vec2.create();
+    const bottom_corner = vec2.create();
+    const rotation_center = vec2.create();
+    if (cone) {
+        if (wide) {
+            if (flip) {
+                rotation_center[1] = aspect_ratio - 1;
+                const omega = Math.acos((2 - aspect_ratio) / aspect_ratio);
+                top_corner[0] = aspect_ratio * Math.sin(omega);
+                top_corner[1] = (aspect_ratio - 1) + aspect_ratio * Math.cos(omega);
+                vec2.copy(bottom_corner, rotation_center);
+            }
+            else {
+                rotation_center[1] = 1.0 - aspect_ratio;
+                const omega = Math.PI + Math.acos((2 - aspect_ratio) / aspect_ratio);
+                top_corner[0] = aspect_ratio * Math.sin(omega);
+                top_corner[1] = (1 - aspect_ratio) + aspect_ratio * Math.cos(omega);
+                vec2.copy(bottom_corner, rotation_center);
+            }
+        }
+        else {
+            if (flip) {
+                rotation_center[1] = 1;
+                vec2.copy(bottom_corner, rotation_center);
+                top_corner[0] = aspect_ratio;
+                top_corner[1] = 1 - Math.sqrt(4 - Math.pow(aspect_ratio, 2));
+            }
+            else {
+                rotation_center[1] = -1;
+                vec2.copy(bottom_corner, rotation_center);
+                top_corner[0] = -aspect_ratio;
+                top_corner[1] = Math.sqrt(4 - Math.pow(aspect_ratio, 2)) - 1;
+            }
+        }
+    }
+    else {
+        if (wide) {
+            if (flip) {
+                rotation_center[1] = aspect_ratio - 1;
+                const omega = Math.acos((2 - aspect_ratio) / aspect_ratio);
+                top_corner[0] = aspect_ratio * Math.sin(omega);
+                top_corner[1] = (aspect_ratio - 1) + aspect_ratio * Math.cos(omega);
+                bottom_corner[0] = (aspect_ratio - info.sideLength) * Math.sin(omega);
+                bottom_corner[1] = (aspect_ratio - 1) + (aspect_ratio - info.sideLength) * Math.cos(omega);
+            }
+            else {
+                rotation_center[1] = 1.0 - aspect_ratio;
+                const omega = Math.PI + Math.acos((2 - aspect_ratio) / aspect_ratio);
+                top_corner[0] = aspect_ratio * Math.sin(omega);
+                top_corner[1] = (1 - aspect_ratio) + aspect_ratio * Math.cos(omega);
+                bottom_corner[0] = (aspect_ratio - info.sideLength) * Math.sin(omega);
+                bottom_corner[1] = (1 - aspect_ratio) + (aspect_ratio - info.sideLength) * Math.cos(omega);
+            }
+        }
+        else {
+            const radius_ratio = flip ? (info.topRadius / info.bottomRadius) : (info.bottomRadius / info.topRadius);
+            if (flip) {
+                bottom_corner[0] = radius_ratio * aspect_ratio;
+                bottom_corner[1] = 1;
+                top_corner[0] = aspect_ratio;
+                top_corner[1] = 1 - Math.sqrt((info.sideLength * info.sideLength) - ((bottom_corner[0] - top_corner[0]) * (bottom_corner[0] - top_corner[0])));
+                rotation_center[1] = top_corner[1] + (top_corner[0] / (top_corner[0] - bottom_corner[0])) * (bottom_corner[1] - top_corner[1]);
+            }
+            else {
+                bottom_corner[0] = -radius_ratio * aspect_ratio;
+                bottom_corner[1] = -1;
+                top_corner[0] = -aspect_ratio;
+                top_corner[1] = Math.sqrt((info.sideLength * info.sideLength) - ((bottom_corner[0] - top_corner[0]) * (bottom_corner[0] - top_corner[0]))) - 1;
+                rotation_center[1] = top_corner[1] - (-top_corner[0] / (bottom_corner[0] - top_corner[0])) * (top_corner[1] - bottom_corner[1]);
+            }
+        }
+    }
+    const top_from_center = vec2.create();
+    vec2.subtract(top_from_center, top_corner, rotation_center);
+    const bottom_from_center = vec2.create();
+    vec2.subtract(bottom_from_center, bottom_corner, rotation_center);
+    const top_2d_radius = vec2.length(top_from_center);
+    const bottom_2d_radius = vec2.length(bottom_from_center);
+    let theta = Math.abs(Math.atan(top_from_center[0] / top_from_center[1]));
+    if (wide)
+        theta = Math.PI - theta;
+    return generalConical(info, height_3d, flip, theta, bottom_2d_radius, top_2d_radius, rotation_center, aspect_ratio);
+}
+function generalConical(info, height_3d, flip, theta, bottom_2d_radius, top_2d_radius, rotation_center, aspect_ratio) {
+    if (isNaN(aspect_ratio))
+        aspect_ratio = 1;
+    const vertices = [];
+    const uvs = [];
+    const scale_factor = 2.0 / height_3d;
+    const subdivisons = 64;
+    for (let s = 0; s <= subdivisons; ++s) {
+        const angle = s * 2.0 * Math.PI / subdivisons;
+        const bx = info.bottomRadius * Math.sin(angle) * scale_factor;
+        const bz = info.bottomRadius * Math.cos(angle) * scale_factor;
+        const tx = info.topRadius * Math.sin(angle) * scale_factor;
+        const tz = info.topRadius * Math.cos(angle) * scale_factor;
+        const btm = -1;
+        const top = 1;
+        if (flip) {
+            vertices.push(bx, btm, bz);
+            vertices.push(tx, top, tz);
+        }
+        else {
+            vertices.push(tx, top, -tz);
+            vertices.push(bx, btm, -bz);
+        }
+    }
+    for (let s = 0; s <= subdivisons; ++s) {
+        if (info.type == image_target_type_t.IMAGE_TRACKER_TYPE_CYLINDRICAL) {
+            const offset = 1 - (s / subdivisons);
+            uvs.push(offset, 1);
+            uvs.push(offset, 0);
+        }
+        else {
+            let angle_2d = -((s / subdivisons) - 0.5) * 2 * theta;
+            if (flip) {
+                angle_2d = -angle_2d + theta;
+                if (angle_2d > theta)
+                    angle_2d = -theta + (angle_2d - theta);
+            }
+            const direction = vec2.create();
+            direction[0] = Math.sin(angle_2d);
+            direction[1] = Math.cos(angle_2d);
+            if (flip)
+                direction[1] *= -1;
+            const bottom_px = vec2.create();
+            vec2.copy(bottom_px, direction);
+            vec2.scale(bottom_px, bottom_px, bottom_2d_radius);
+            vec2.add(bottom_px, rotation_center, bottom_px);
+            const top_px = vec2.create();
+            vec2.copy(top_px, direction);
+            vec2.scale(top_px, top_px, top_2d_radius);
+            vec2.add(top_px, rotation_center, top_px);
+            uvs.push((top_px[0] + aspect_ratio) / (2 * aspect_ratio), 1 - ((-top_px[1] + 1) / 2));
+            uvs.push((bottom_px[0] + aspect_ratio) / (2 * aspect_ratio), 1 - ((-bottom_px[1] + 1) / 2));
+        }
+    }
+    const indices = [];
+    for (let i = 0; i < subdivisons; ++i) {
+        const bi = i * 2;
+        indices.push(bi + 1, bi + 2, bi + 3);
+        indices.push(bi + 0, bi + 2, bi + 1);
+    }
+    return {
+        vertices: new Float32Array(vertices),
+        indices: new Uint16Array(indices),
+        normals: new Float32Array(0),
+        uvs: new Float32Array(uvs)
+    };
+}

package/lib/imagetracker.d.ts

@@ -1,15 +1,26 @@
 import { zappar_image_tracker_t, zappar_pipeline_t } from "./gen/zappar";
-import { zappar_cwrap } from "./gen/zappar-native";
+import { image_target_type_t, zappar_cwrap } from "./gen/zappar-native";
 interface PreviewInfo {
     compressed: Uint8Array;
     mimeType: string;
+    image?: HTMLImageElement;
 }
-interface ParsedTargetInfo {
+export interface PreviewMesh {
+    indices: Uint16Array;
+    vertices: Float32Array;
+    normals: Float32Array;
+    uvs: Float32Array;
+}
+export interface ParsedTargetInfo {
     preview?: PreviewInfo;
+    previewMesh?: PreviewMesh;
     physicalScaleFactor: number;
     topRadius: number;
     bottomRadius: number;
     sideLength: number;
+    type: image_target_type_t;
+    trainedWidth: number;
+    trainedHeight: number;
 }
 export declare class ImageTracker {
     private _client;
@@ -23,6 +34,9 @@ export declare class ImageTracker {
     targetCount(): number;
     getTargetInfo(i: number): ParsedTargetInfo;
     private _parseOdle;
+    private _parseOdleV1;
+    private _parseOdleV3;
     getDecodedPreview(i: number): HTMLImageElement | undefined;
+    getPreviewMesh(i: number): PreviewMesh;
 }
 export {};

package/lib/imagetracker.js

@@ -1,3 +1,5 @@
+import { image_target_type_t } from "./gen/zappar-native";
+import { getPreviewMesh } from "./imagetracker-previewmesh";
 import { RiffReader } from "./riff-reader";
 let byId = new Map();
 const decoder = new TextDecoder();
@@ -34,7 +36,10 @@ export class ImageTracker {
             topRadius: -1,
             bottomRadius: -1,
             sideLength: -1,
-            physicalScaleFactor: -1
+            physicalScaleFactor: -1,
+            trainedWidth: 0,
+            trainedHeight: 0,
+            type: image_target_type_t.IMAGE_TRACKER_TYPE_PLANAR
         };
         try {
             const reader = new RiffReader(current.data, false);
@@ -59,54 +64,90 @@ export class ImageTracker {
         let currentOffset = 0;
         let version = "0";
         [version, currentOffset] = readLine(currentOffset, data);
-        if (version === "3") {
-            let treeOrFlat = "0";
-            [treeOrFlat, currentOffset] = readLine(currentOffset, data);
-            if (treeOrFlat !== "0" && treeOrFlat !== "1")
-                return;
-            let numberTargets = "0";
-            [numberTargets, currentOffset] = readLine(currentOffset, data);
-            const parsedTargets = parseInt(numberTargets);
-            if (isNaN(parsedTargets) || parsedTargets < 1)
-                return;
-            let emptyLine = "";
-            [emptyLine, currentOffset] = readLine(currentOffset, data);
-            if (emptyLine.length !== 0)
-                return;
-            let infoLine = "";
-            [infoLine, currentOffset] = readLine(currentOffset, data);
-            const infoLineParts = infoLine.split(" ");
-            if (infoLineParts.length < 7)
-                return;
+        if (version === "1")
+            return this._parseOdleV1(data, currentOffset, info);
+        else if (version === "3")
+            return this._parseOdleV3(data, currentOffset, info);
+    }
+    _parseOdleV1(data, currentOffset, info) {
+        let treeOrFlat = "0";
+        [treeOrFlat, currentOffset] = readLine(currentOffset, data);
+        if (treeOrFlat !== "0" && treeOrFlat !== "1")
+            return;
+        let emptyLine = "";
+        [emptyLine, currentOffset] = readLine(currentOffset, data);
+        if (emptyLine.length !== 0)
+            return;
+        let infoLine = "";
+        [infoLine, currentOffset] = readLine(currentOffset, data);
+        const infoLineParts = infoLine.split(" ");
+        if (infoLineParts.length < 5)
+            return;
+        info.trainedWidth = parseInt(infoLineParts[3].replace("[", ""));
+        info.trainedHeight = parseInt(infoLineParts[4].replace("]", ""));
+    }
+    _parseOdleV3(data, currentOffset, info) {
+        let treeOrFlat = "0";
+        [treeOrFlat, currentOffset] = readLine(currentOffset, data);
+        if (treeOrFlat !== "0" && treeOrFlat !== "1")
+            return;
+        let numberTargets = "0";
+        [numberTargets, currentOffset] = readLine(currentOffset, data);
+        const parsedTargets = parseInt(numberTargets);
+        if (isNaN(parsedTargets) || parsedTargets < 1)
+            return;
+        let emptyLine = "";
+        [emptyLine, currentOffset] = readLine(currentOffset, data);
+        if (emptyLine.length !== 0)
+            return;
+        let infoLine = "";
+        [infoLine, currentOffset] = readLine(currentOffset, data);
+        const infoLineParts = infoLine.split(" ");
+        if (infoLineParts.length < 6)
+            return;
+        const targetType = parseInt(infoLineParts[0]);
+        if (targetType === 0 || targetType === 1 || targetType === 2)
+            info.type = targetType;
+        info.trainedWidth = parseInt(infoLineParts[4].replace("[", ""));
+        info.trainedHeight = parseInt(infoLineParts[5].replace("]", ""));
+        if (infoLineParts.length >= 7) {
             info.physicalScaleFactor = parseFloat(infoLineParts[6]);
             if (isNaN(info.physicalScaleFactor))
                 info.physicalScaleFactor = -1;
-            if (infoLineParts.length >= 8) {
-                info.topRadius = parseFloat(infoLineParts[7]);
-                if (isNaN(info.topRadius))
-                    info.topRadius = -1;
-                info.bottomRadius = info.topRadius;
-            }
-            if (infoLineParts.length >= 9) {
-                info.bottomRadius = parseFloat(infoLineParts[8]);
-                if (isNaN(info.bottomRadius))
-                    info.bottomRadius = -1;
-            }
-            if (infoLineParts.length >= 10) {
-                info.sideLength = parseFloat(infoLineParts[9]);
-                if (isNaN(info.sideLength))
-                    info.sideLength = -1;
-            }
+        }
+        if (infoLineParts.length >= 8) {
+            info.topRadius = parseFloat(infoLineParts[7]);
+            if (isNaN(info.topRadius))
+                info.topRadius = -1;
+            info.bottomRadius = info.topRadius;
+        }
+        if (infoLineParts.length >= 9) {
+            info.bottomRadius = parseFloat(infoLineParts[8]);
+            if (isNaN(info.bottomRadius))
+                info.bottomRadius = -1;
+        }
+        if (infoLineParts.length >= 10) {
+            info.sideLength = parseFloat(infoLineParts[9]);
+            if (isNaN(info.sideLength))
+                info.sideLength = -1;
         }
     }
     getDecodedPreview(i) {
         const info = this.getTargetInfo(i);
         if (!info.preview)
             return undefined;
-        const blob = new Blob([info.preview.compressed], { type: info.preview.mimeType });
-        const image = new Image();
-        image.src = URL.createObjectURL(blob);
-        return image;
+        if (!info.preview.image) {
+            const blob = new Blob([info.preview.compressed], { type: info.preview.mimeType });
+            info.preview.image = new Image();
+            info.preview.image.src = URL.createObjectURL(blob);
+        }
+        return info.preview.image;
+    }
+    getPreviewMesh(i) {
+        const info = this.getTargetInfo(i);
+        if (!info.previewMesh)
+            info.previewMesh = getPreviewMesh(info);
+        return info.previewMesh;
     }
 }
 function readLine(offset, str) {

package/lib/native.js

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { image_target_type_t } from "./gen/zappar";
 import { zappar_client } from "./gen/zappar-client";
 import { drawPlane } from "./drawplane";
 import { cameraRotationForScreenOrientation, projectionMatrix } from "./cameramodel";
@@ -39,7 +40,7 @@ export function initialize(opts) {
             d: ab
         }, [ab]);
     });
-    if (window.location.hostname.toLowerCase().indexOf(".zappar.io") > 0) {
+    if (window.location.hostname.toLowerCase().indexOf(".zappar.io") > 0 || window.location.hostname.toLowerCase().indexOf(".webar.run") > 0) {
         let pathParts = window.location.pathname.split("/");
         if (pathParts.length > 1 && pathParts[1].length > 0)
             c.impl.analytics_project_id_set(".wiz" + pathParts[1]);
@@ -165,7 +166,14 @@ export function initialize(opts) {
             let rawVec = vec3.create();
             vec3.transformMat4(rawVec, [x, y, z], rotationMat);
             c.impl.instant_world_tracker_anchor_pose_set_from_camera_offset_raw(o, rawVec[0], rawVec[1], rawVec[2], orientation);
-        }, image_tracker_create: pipeline => ImageTracker.create(pipeline, c.impl), image_tracker_destroy: t => { var _a; return (_a = ImageTracker.get(t)) === null || _a === void 0 ? void 0 : _a.destroy(); }, image_tracker_target_count: t => {
+        }, image_tracker_create: pipeline => ImageTracker.create(pipeline, c.impl), image_tracker_destroy: t => { var _a; return (_a = ImageTracker.get(t)) === null || _a === void 0 ? void 0 : _a.destroy(); }, image_tracker_target_type: (t, i) => {
+            let obj = ImageTracker.get(t);
+            if (!obj) {
+                zcwarn("attempting to call image_tracker_target_type on a destroyed zappar_image_tracker_t");
+                return image_target_type_t.IMAGE_TRACKER_TYPE_PLANAR;
+            }
+            return obj.getTargetInfo(i).type;
+        }, image_tracker_target_count: t => {
             let obj = ImageTracker.get(t);
             if (!obj) {
                 zcwarn("attempting to call image_tracker_target_count on a destroyed zappar_image_tracker_t");
@@ -404,7 +412,7 @@ export function initialize(opts) {
                 return mat4.create();
             }
             return obj.anchor_pose;
-        }, html_element_source_create: (pipeline, elm) => HTMLElementSource.createVideoElementSource(pipeline, elm), html_element_source_start: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.start(); }, html_element_source_pause: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, html_element_source_destroy: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, sequence_source_create: p => SequenceSource.create(p), sequence_source_load_from_memory: (o, data) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.loadFromMemory(data); }, sequence_source_pause: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, sequence_source_start: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.start(); }, sequence_source_max_playback_fps_set: (o, fps) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.maxPlaybackFpsSet(fps); }, sequence_source_destroy: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, permission_granted_all: permissionGrantedAll, permission_granted_camera: permissionGrantedCamera, permission_granted_motion: permissionGrantedMotion, permission_denied_any: permissionDeniedAny, permission_denied_camera: permissionDeniedCamera, permission_denied_motion: permissionDeniedMotion, permission_request_motion: permissionRequestMotion, permission_request_camera: permissionRequestCamera, permission_request_all: permissionRequestAll, permission_request_ui: permissionRequestUI, permission_request_ui_promise: permissionRequestUI, permission_denied_ui: permissionDeniedUI, browser_incompatible: compatibility.incompatible, browser_incompatible_ui: compatibility.incompatible_ui, log_level_set: l => {
+        }, html_element_source_create: (pipeline, elm) => HTMLElementSource.createVideoElementSource(pipeline, elm), html_element_source_start: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.start(); }, html_element_source_pause: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, html_element_source_destroy: o => { var _a; return (_a = HTMLElementSource.getVideoElementSource(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, sequence_source_create: p => SequenceSource.create(p), sequence_source_load_from_memory: (o, data) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.loadFromMemory(data); }, sequence_source_pause: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.pause(); }, sequence_source_start: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.start(); }, sequence_source_max_playback_fps_set: (o, fps) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.maxPlaybackFpsSet(fps); }, sequence_source_time_set: (o, t) => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.setTime(t); }, sequence_source_destroy: o => { var _a; return (_a = SequenceSource.get(o)) === null || _a === void 0 ? void 0 : _a.destroy(); }, permission_granted_all: permissionGrantedAll, permission_granted_camera: permissionGrantedCamera, permission_granted_motion: permissionGrantedMotion, permission_denied_any: permissionDeniedAny, permission_denied_camera: permissionDeniedCamera, permission_denied_motion: permissionDeniedMotion, permission_request_motion: permissionRequestMotion, permission_request_camera: permissionRequestCamera, permission_request_all: permissionRequestAll, permission_request_ui: permissionRequestUI, permission_request_ui_promise: permissionRequestUI, permission_denied_ui: permissionDeniedUI, browser_incompatible: compatibility.incompatible, browser_incompatible_ui: compatibility.incompatible_ui, log_level_set: l => {
             setLogLevel(l);
             c.impl.log_level_set(l);
         } });

package/lib/sequencesource.d.ts

@@ -9,11 +9,13 @@ export declare class SequenceSource extends Source {
     private _decoder;
     private _minFrameGapMs;
     private _lastUpdateTime;
+    private _time;
     static create(p: zappar_pipeline_t): zappar_sequence_source_t;
     static get(m: zappar_sequence_source_t): SequenceSource | undefined;
     constructor(_impl: zappar_sequence_source_t, _pipeline: zappar_pipeline_t);
     loadFromMemory(data: ArrayBuffer): void;
     maxPlaybackFpsSet(fps: number): void;
+    setTime(t: number): void;
     getFrame(currentlyProcessing: boolean): void;
     destroy(): void;
     start(): void;

package/lib/sequencesource.js

@@ -42,7 +42,14 @@ export class SequenceSource extends Source {
         }
         this._minFrameGapMs = 1000.0 / fps;
     }
+    setTime(t) {
+        if (t < 0)
+            delete this._time;
+        else
+            this._time = t;
+    }
     getFrame(currentlyProcessing) {
+        var _a;
         let pipeline = Pipeline.get(this._pipeline);
         if (!pipeline)
             return;
@@ -53,7 +60,7 @@ export class SequenceSource extends Source {
             return;
         if (currentlyProcessing)
             return;
-        let curTime = performance.now();
+        let curTime = (_a = this._time) !== null && _a !== void 0 ? _a : performance.now();
         if (curTime < this._lastUpdateTime + this._minFrameGapMs)
             return;
         if (this._packetNumber >= this._decoder.numberPackets)

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.0.0-beta.1";
+export declare const VERSION = "2.0.0-beta.4";

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = "2.0.0-beta.1";
+export const VERSION = "2.0.0-beta.4";