Video Json Sample

Video Json Sample

{ "timeline": { "tracks": [ { "clips": [ { "asset": { "type": "html", "html": "

Create

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 0.096,
"length": 0.6,
"transition": {
"in": "zoom"
}
},
{
"asset": {
"type": "html",
"html": "

videos

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 0.72,
"length": 0.62
},
{
"asset": {
"type": "html",
"html": "

using

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 1.38,
"length": 0.22
},
{
"asset": {
"type": "html",
"html": "

using html

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 1.64,
"length": 0.31
},
{
"asset": {
"type": "html",
"html": "

using html and

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 1.99,
"length": 0.26
},
{
"asset": {
"type": "html",
"html": "

using html and css

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 2.29,
"length": 0.31
},
{
"asset": {
"type": "html",
"html": "

with

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 2.64,
"length": 0.56,
"transition": {
"in": "slideLeft"
}
},
{
"asset": {
"type": "html",
"html": "

the

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 3.24,
"length": 0.68
},
{
"asset": {
"type": "html",
"html": "

Shotstack

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 34px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 3.98,
"length": 0.54,
"effect": "zoomIn"
},
{
"asset": {
"type": "html",
"html": "

API

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 4.56,
"length": 0.6,
"transition": {
"in": "slideLeft"
}
},
{
"asset": {
"type": "html",
"html": "

AP

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 5.2,
"length": 0.04
},
{
"asset": {
"type": "html",
"html": "

I

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 5.28,
"length": 0.04
},
{
"asset": {
"type": "html",
"html": "

use

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 5.36,
"length": 0.22
},
{
"asset": {
"type": "html",
"html": "

your

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 5.62,
"length": 0.22
},
{
"asset": {
"type": "html",
"html": "

own

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 5.86,
"length": 0.22
},
{
"asset": {
"type": "html",
"html": "

font

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 6.12,
"length": 0.2
},
{
"asset": {
"type": "html",
"html": "

font

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 6.36,
"length": 0.26
},
{
"asset": {
"type": "html",
"html": "

and

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 6.66,
"length": 0.3
},
{
"asset": {
"type": "html",
"html": "

add

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 7,
"length": 0.46
},
{
"asset": {
"type": "html",
"html": "

color

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 7.5,
"length": 0.3
},
{
"asset": {
"type": "html",
"html": "

color and

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 7.84,
"length": 0.4
},
{
"asset": {
"type": "html",
"html": "

color and style

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 8.28,
"length": 0.38
},
{
"asset": {
"type": "html",
"html": "

color and style

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 8.7,
"length": 0.38
},
{
"asset": {
"type": "html",
"html": "

to

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 9.12,
"length": 0.62
},
{
"asset": {
"type": "html",
"html": "

one

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 9.78,
"length": 0.58
},
{
"asset": {
"type": "html",
"html": "

one ten

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 10.4,
"length": 0.26
},
{
"asset": {
"type": "html",
"html": "

one ten hundreds

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 10.7,
"length": 0.26
},
{
"asset": {
"type": "html",
"html": "

one ten hundreds thousands

",
"css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 11,
"length": 0.58
},
{
"asset": {
"type": "html",
"html": "

of

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 11.62,
"length": 0.18
},
{
"asset": {
"type": "html",
"html": "

videos

",
"css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold; }",
"width": 450,
"height": 100,
"position": "center"
},
"start": 11.84,
"length": 1,
"effect": "zoomIn",
"transition": {
"out": "zoom"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "

",
"width": 1024,
"height": 576,
"background": "#ffffff"
},
"start": 2.64,
"length": 1.32
},
{
"asset": {
"type": "html",
"html": "

",
"width": 1024,
"height": 576,
"background": "#ffffff"
},
"start": 4.56,
"length": 0.76
},
{
"asset": {
"type": "html",
"html": "

",
"width": 1024,
"height": 576,
"background": "#25d3d0"
},
"start": 9.12,
"length": 2.46
},
{
"asset": {
"type": "html",
"html": "

",
"width": 1024,
"height": 576,
"background": "#fc73b4"
},
"start": 11.62,
"length": 1.22
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-reverse.png"
},
"start": 12.88,
"length": 4,
"fit": "none",
"transition": {
"in": "slideUp"
}
}
]
}
],
"fonts": [
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Lato-Bold.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/IndieFlower-Regular.ttf"
},
{
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/PermanentMarker-Regular.ttf"
}
],
"background": "#000000",
"soundtrack": {
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/audiojungle/stomp_preview.mp3",
"effect": "fadeOut"
}
},
"output": {
"format": "mp4",
"resolution": "sd"
}
}

Attachments