Video and image size are not the same?

Shotstack API
1

Description

I put a video and an image which are the same size (184x184) into two tracks seperately, the share all the same clip propertery except clip->asset. But the generate result render the image and the video in different size, video seems smaller than the image!

Here is the shotstack json:

{
    "timeline":
    {
        "background": "#ffffff",
        "tracks":
        [
            {
                "clips":
                [
                    {
                    
                        "asset":
                        {
                            "type": "video",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/A0gPBZqn5HUFsFE8O1tWe0fDiZYSvyHA/fecf6eac884a4713a00276ce7579ca98/505f475288ed45fb8e95d4fe855fe63a.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=r8KxrhKJFT1u7bUzvOlNKHwT5ys%3D&Expires=1650425529",
                            "volume": 1
                        },
                        "start": 0.0,
                        "length": 9.4,
                        "fit": "none",
                        "scale": 1.3043478260869565,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": -0.2188
                        },
                        "transform":
                        {
                            "rotate":
                            {
                                "angle": 0.0
                            }
                        }
                    }
                ]
            },
            {
                "clips":
                [
                    
                    {
                        "asset":
                        {
                            "type": "image",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/A0gPBZqn5HUFsFE8O1tWe0fDiZYSvyHA/fecf6eac884a4713a00276ce7579ca98/cfcee1b57c43440399a37c02da073338.jpg?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=feVDOfEgQZAtp%2FQK7nSlGbIpAc0%3D&Expires=1650425529"
                        },
                        "start": 0.0,
                        "length": 9.4,
                        "fit": "none",
                        "scale": 1.3043478260869565,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": -0.2188
                        },
                        "transform":
                        {
                            "rotate":
                            {
                                "angle": 0.0
                            }
                        }
                    }
                ]
            }
        ],
        "fonts":
        [
            {
                "src": "https://cdn.jsdelivr.net/npm/@expo-google-fonts/noto-sans-sc@0.2.2/NotoSansSC_400Regular.ttf"
            },
            {
                "src": "http://fonts.gstatic.com/s/zendots/v1/XRXX3ICfm00IGoesQeaETM_FcCIG.ttf"
            }
        ],
        "cache": false
    },
    "output":
    {
        "format": "mp4",
        "size":
        {
            "width": 720,
            "height": 1280
        },
        "aspectRatio": "9:16",
        "thumbnail":
        {
            "capture": 1,
            "scale": 0.5
        }
    }
}
2

Hi @Lane,

There appears to be an issue scaling a video asset above 1.0. I’ve sent this to be investigated. We’ll let you know in this post once we find the underlying issue.

3

Thanks Dazz! Looking forward to the reply.

4

As an alternative you could set the fit to contain for both the image and the video. Then set the scale less than 1 and then both assets will be made smaller by the same amount and the new sizes should be the same.

So you would have something like:

"fit": "contain",
"scale": 0.35,

Fit contain will first set the assets to the width or height of the viewport, so in your case it will be 720x720 and then scaled by 0.35 to 252x252 pixels. There should be some maths you can work out to ensure the two assets always end up the size you want based on the viewport.

5

Thanks lucas, this is really useful for me!