Video in two different track with overlaped

Shotstack API
1

Hi:
I found there is one frame overlapped for neighbor video.

On 4s, both two videos show up:

image
image1520×1196 89.5 KB

Shotstack json

{
    "timeline":
    {
        "background": "#ffffff",
        "tracks":
        [
            {
                "clips":
                [
                    {
                        "asset":
                        {
                            "type": "video",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/c7402dcbce384645891df4118a652189/4df2c4e2e9744c7eae6f08b59701747b/0a83ea52d24445d5915465eb5c8ec510.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=NvGsLNVzjZIEs9D0BwyS3wZq8w8%3D&Expires=1650623980",
                            "volume": 1
                        },
                        "start": 0.0,
                        "length": 4,
                        "scale": 0.19999999999999998,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": 0.4
                        },
                        "transform":
                        {
                            "rotate":
                            {
                                "angle": 0.0
                            }
                        }
                    }
                ]
            },
            {
                "clips":
                [
                    {
                        "asset":
                        {
                            "type": "video",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/c7402dcbce384645891df4118a652189/4df2c4e2e9744c7eae6f08b59701747b/0a83ea52d24445d5915465eb5c8ec510.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=NvGsLNVzjZIEs9D0BwyS3wZq8w8%3D&Expires=1650623980",
                            "volume": 1
                        },
                        "start": 4,
                        "length": 6,
                        "scale": 0.19999999999999998,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": 0
                        },
                        "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": "https://fonts.gstatic.com/s/zendots/v1/XRXX3ICfm00IGoesQeaETM_FcCIG.ttf"
            }
        ],
        "cache": false
    },
    "output":
    {
        "format": "mp4",
        "size":
        {
            "width": 1280,
            "height": 720
        },
        "aspectRatio": "16:9",
        "thumbnail":
        {
            "capture": 1,
            "scale": 0.5
        }
    }
}

How do we solve that problem?

2

The editor takes input quite literally. If you have a clip that ends or starts on second 4 it’ll aim to include that clip in the frame associated with the fourth second.

You can solve for this by reducing the length of the first clip by 1 frame (or increasing the start time of the second clip by the same).

If you are using the default fps this would be 1 / 25 = 0.04.

{
    "timeline":
    {
        "background": "#ffffff",
        "tracks":
        [
            {
                "clips":
                [
                    {
                        "asset":
                        {
                            "type": "video",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/c7402dcbce384645891df4118a652189/4df2c4e2e9744c7eae6f08b59701747b/0a83ea52d24445d5915465eb5c8ec510.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=NvGsLNVzjZIEs9D0BwyS3wZq8w8%3D&Expires=1650623980",
                            "volume": 1
                        },
                        "start": 0.0,
                        "length": 3.96,
                        "scale": 0.19999999999999998,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": 0.4
                        },
                        "transform":
                        {
                            "rotate":
                            {
                                "angle": 0.0
                            }
                        }
                    }
                ]
            },
            {
                "clips":
                [
                    {
                        "asset":
                        {
                            "type": "video",
                            "src": "https://s3.amazonaws.com/www.talkieselfie.xyz/pacific/avatar_tmp/c7402dcbce384645891df4118a652189/4df2c4e2e9744c7eae6f08b59701747b/0a83ea52d24445d5915465eb5c8ec510.mp4?AWSAccessKeyId=AKIAR2ESI7XGYQEXSYU2&Signature=NvGsLNVzjZIEs9D0BwyS3wZq8w8%3D&Expires=1650623980",
                            "volume": 1
                        },
                        "start": 4,
                        "length": 6,
                        "scale": 0.19999999999999998,
                        "position": "center",
                        "offset":
                        {
                            "x": 0.0,
                            "y": 0
                        },
                        "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": "https://fonts.gstatic.com/s/zendots/v1/XRXX3ICfm00IGoesQeaETM_FcCIG.ttf"
            }
        ],
        "cache": false
    },
    "output":
    {
        "format": "mp4",
        "size":
        {
            "width": 1280,
            "height": 720
        },
        "aspectRatio": "16:9",
        "thumbnail":
        {
            "capture": 1,
            "scale": 0.5
        }
    }
}