Convert Json To Video Via API

Build automated image and video editing workflows and applications with Shotstack.

GET STARTED FOR FREE Example

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.

GET STARTED FOR FREE

The only thing you need is some 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"
}
}
]
}
]
}
}

Tutorials & Resources

Learn how to automatically convert json to video via API

Demo's & Code Examples

Automatically Convert JSON to video by using demo code

Pexels Video Maker
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

Christmas Personalised Video
Christmas Personalised Video

Create a personalised video with a Christmas message using the Shotstack API. Merge text and video from a form to generate a video

Go to demo

Watermark Video
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