Thumbnail provided via `ThumbnailImageInit` and multiple sprite urls issue loading x/y=0/0 corrdinates

[chrisspiegl]

I am providing a json object in my code as a thumbnail to a default video player.

I am hosting the videos on bunny.net and generate the sprites accordingly with the coordinates. Logically, they make sense and should work.

Most of the thumbnails actually do work, but every first frame from the next seek page with coordinates x=0 & y=0 don't.

I have tried discussing this with AI, and it mentioned that it may be based on image URLs loading while the positions are transformed in the #resize() function in vidstack thumbnails.

I hope we can figure this out (or you can show me what I am missing). As of now, it feels like a bug in the vidstack thumbnail engine.

The array looks like this:

[
    {
        "url": "https://bunny-staging.XYZ/seek/_0.jpg",
        "startTime": 66.54,
        "width": 300,
        "height": 168.75,
        "coords": {
            "x": 1200,
            "y": 843.75
        }
    },
    {
        "url": "https://bunny-staging.XYZ/seek/_0.jpg",
        "startTime": 68.497,
        "width": 300,
        "height": 168.75,
        "coords": {
            "x": 1500,
            "y": 843.75
        }
    },
    {
        "url": "https://bunny-staging.XYZ/seek/_1.jpg",
        "startTime": 70.454,
        "width": 300,
        "height": 168.75,
        "coords": {
            "x": 0,
            "y": 0
        }
    },
    {
        "url": "https://bunny-staging.XYZ/seek/_1.jpg",
        "startTime": 72.411,
        "width": 300,
        "height": 168.75,
        "coords": {
            "x": 300,
            "y": 0
        }
    },
    {
        "url": "https://bunny-staging.XYZ/seek/_1.jpg",
        "startTime": 74.368,
        "width": 300,
        "height": 168.75,
        "coords": {
            "x": 600,
            "y": 0
        }
    },
]

Expected Behavior:

All thumbnails should load correctly, no matter if they are on different seek pages.