Convert JSON to video API

Programmatically generate videos from JSON using the Shotstack API. Automate your video editing and generation process.

  • Ikea
  • McDonald's
  • Twitter
  • Randstad
  • Nike
  • Coca-Cola
  • Zillow
  • Angel
  • ClickFunnels
  • TheSoul Publishing

The internet's most advanced image and video editing API

Shotstack is the most user friendly, powerful and reliable infrastructure solution to automatically convert json to video.

JSON
{
    "output": {
        "format": "mp4",
        "resolution": "hd",
        "poster": {
            "capture": 10
        }
    },
    "timeline": {
        "soundtrack": {
            "src": "https://shotstack-assets.s3.amazonaws.com/music/hyper.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-bold.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-black.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "start": 0,
                        "length": 13,
                        "position": "bottomLeft",
                        "asset": {
                            "width": 600,
                            "html": "<p class='title'>Lamborghini Huracan EVO Auto AWD</p><p class='subtitle'>2019 | 10cyl 5.2L Petrol | 17,100 kms</p>",
                            "css": "p { text-align: left; color: #ffffff; } .title { font-family: 'Montserrat Black'; font-size: 42px; } .subtitle { font-family: 'Montserrat Bold'; font-size: 28px; color: #f1c40f; }",
                            "type": "html",
                            "height": 180
                        },
                        "offset": {
                            "x": 0.05,
                            "y": 0.03
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 0,
                        "length": 13,
                        "position": "bottomRight",
                        "asset": {
                            "width": 600,
                            "html": "<p><span>Enquiries</span></p><p>Dean / 703-438-5736</p>",
                            "css": "p { font-family: 'Montserrat Bold'; color: #ffffff; black; font-size: 28px; text-align: right; } span { color: #f1c40f; }",
                            "type": "html",
                            "height": 160
                        },
                        "offset": {
                            "x": -0.05,
                            "y": 0
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "start": 0,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-1.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 4,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-2.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 8,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-3.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    }
}
The JSON for the video above

Demo's & Code Examples

Automatically convert json to video by using demo code

  • Pexels Video Maker

    Search the Pexels stock footage video library and the Shotstack API will automatically compile an edit with music and a title

    Go to demo
  • Watermark Video

    Add a watermark to a video using the Shotstack API. This free demo lets you upload a video and add a watermark

    Go to demo

Start free

  • 10 free credits to start
  • No credit card required