{
"timeline": {
"fonts": [
{
"src": "https://shotstack-assets.s3.amazonaws.com/fonts/PTSerif-Italic.ttf"
},
{
"src": "https://shotstack-assets.s3.amazonaws.com/fonts/Montserrat-SemiBold.ttf"
}
],
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>Have no fear of</p> <p>perfection, you'll</p><p>never reach it.</p>",
"css": "p { font-family: \"Montserrat\"; font-size: 69px; text-align: center; line-height: 120%;}",
"width": 800,
"height": 300
},
"start": 0,
"length": 5,
"offset": {
"y": 0
}
},
{
"asset": {
"type": "html",
"html": "<p>Boab Mcgraw<p/>",
"css": "p { font-family: \"PTSerif\"; color: #000000; font-size: 41px; text-align: center; font-style: italic; font-weight: 300; }",
"width": 800,
"height": 100
},
"start": 0,
"length": 5,
"offset": {
"y": -0.22
}
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.amazonaws.com/templates/images/quote/quote.png"
},
"start": 0,
"length": 5,
"fit": "none"
}
]
}
]
},
"output": {
"format": "png",
"size": {
"width": 1000,
"height": 1000
}
}
}
Edit videos using HTML and CSS and style text using custom fonts from Google.
New slide, carousel and zoom transition animations can be used to add excitement and energy to text, photos and video clips.
Automatically generate a video slideshow from the Pexels image library using the Pexels API and Shotstack video editing API
Add a watermark to a video using the Shotstack API. This free demo lets you upload a video and add a watermark