Blurred background for vertical videos

Shotstack API
1

Is it possible to make a blurred background for vertical videos?

2

We do have an experimental blur filter. You can use it but it is not in the SDKs and it is slow. Here is an example JSON:

{
    "timeline": {
        "soundtrack": {
            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/freepd/fireworks.mp3",
            "effect": "fadeOut"
        },
        "background": "#FFFFFF",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skate-vertical.mp4",
                            "volume": 0.35
                        },
                        "start": 0,
                        "length": 8,
                        "fit": "contain"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skate-vertical.mp4"
                        },
                        "start": 0,
                        "length": 8,
                        "filter": "blur",
                        "fit": "cover",
                        "opacity": 0.8
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "hd"
    }
}

One work around might be to create just the blur first at a low resolution which will be much faster, then use that as a regular video in a higher resolution video. It will get stretched but it is blurred anyway so I don’t think you’d notice.

1 Like