{
"timeline": {
"soundtrack": {
"src": "https://feeds.soundcloud.com/stream/267703548-unminus-white.mp3",
"effect": "fadeOut"
},
"fonts": [
{
"src": "https://templates.shotstack.io/basic/asset/font/raleway-regular.ttf"
},
{
"src": "https://templates.shotstack.io/basic/asset/font/raleway-bold.ttf"
}
],
"tracks": [
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/heart-health-white.png"
},
"start": 0.5,
"length": 11.2,
"fit": "none",
"scale": 0.4,
"position": "topRight",
"offset": {
"x": -0.04,
"y": -0.05
},
"transition": {
"in": "slideLeft",
"out": "slideLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p> </p>",
"width": 200,
"height": 200,
"background": "#6666ff"
},
"start": 0.5,
"length": 11.2,
"position": "topRight",
"offset": {
"x": -0.02,
"y": -0.02
},
"transition": {
"in": "slideLeft",
"out": "slideLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<table class='border' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p class='title'>Heart Healthcare</p><div class='hair' width='30%'>-</div><p class='location'>HOUSTON, TEXAS</p></td> </tr></tbody></table>",
"css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center; vertical-align: top;} td { padding-top: 24px; padding-bottom: 24px; } .title { font-family: Raleway; font-weight: bold; font-size: 64px; color: #ffffff;} .location {font-family: Raleway; font-size: 40px; color: #ffffff;} .hair { margin-left: 350px; margin-right: 350px; font-size: 2px; width: 100px; height 2px; background: #6666ff; } ",
"width": 860,
"height": 400
},
"start": 0.4,
"length": 2.3,
"offset": {
"y": -0.215
},
"transition": {
"in": "slideLeft",
"out": "fadeFast"
}
},
{
"asset": {
"type": "html",
"html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>The <span> health care</span> association recommends exercising every day.<\/p><\/td><\/tr><\/tbody><\/table>",
"css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center; } p { font-family: Raleway; font-size: 58px; color: #ffffff; } span { color: #6666ff;}",
"width": 860,
"height": 400
},
"start": 2.8,
"length": 2.8,
"position": "bottom",
"transition": {
"in": "slideLeft",
"out": "slideLeft"
}
},
{
"asset": {
"type": "html",
"html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>Just <span>10 minutes</span> of meditation can help you relax and improve sleep.<\/p><\/td><\/tr><\/tbody><\/table>",
"css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center;} p { font-family: Raleway; font-size: 58px; color: #ffffff; } span { color: #6666ff;}",
"width": 860,
"height": 400
},
"start": 5.6,
"length": 3.2,
"transition": {
"in": "fade",
"out": "slideLeft"
}
},
{
"asset": {
"type": "html",
"html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>Eat a <span>healthy mix</span> of fruit, vegetables, carbs and protein.<\/p><\/td><\/tr><\/tbody><\/table>",
"css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center;} p { font-family: Raleway; font-size: 58px; color: #ffffff; } span { color: #6666ff; }",
"width": 860,
"height": 400,
"position": "bottom"
},
"start": 8.4,
"length": 3.2,
"transition": {
"in": "carouselLeft",
"out": "slideLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/heart-health-white.png"
},
"start": 12,
"length": 3,
"scale": 0.85,
"fit": "none",
"transition": {
"in": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<div>heart.co<\/div>",
"css": "div {font-family: Raleway; text-align: center; color:#ffffff; font-size: 32px;}",
"width": 800,
"height": 100
},
"start": 12.9,
"length": 2.1,
"offset": {
"y": -0.35
},
"transition": {
"in": "slideUp"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p> </p>",
"width": 1080,
"height": 1080,
"background": "#6666ff"
},
"start": 11.4,
"length": 3.6,
"transition": {
"in": "carouselLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://images.pexels.com/photos/1112633/pexels-photo-1112633.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
},
"start": 0,
"length": 3,
"effect": "zoomInSlow",
"transition": {
"in": "fade",
"out": "fade"
}
},
{
"asset": {
"type": "image",
"src": "https://images.pexels.com/photos/2475878/pexels-photo-2475878.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
},
"start": 2.4,
"length": 3.65,
"effect": "slideLeftSlow",
"transition": {
"in": "carouselLeft",
"out": "carouselLeft"
}
},
{
"asset": {
"type": "image",
"src": "https://images.pexels.com/photos/6787498/pexels-photo-6787498.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
},
"start": 5.4,
"length": 3.6,
"effect": "zoomInSlow",
"transition": {
"in": "carouselLeft",
"out": "carouselLeft"
}
},
{
"asset": {
"type": "image",
"src": "https://images.pexels.com/photos/1153370/pexels-photo-1153370.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260"
},
"start": 8.4,
"length": 3.6,
"effect": "zoomOutSlow",
"transition": {
"in": "slideLeft",
"out": "carouselLeft"
}
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "1080",
"aspectRatio": "1:1"
}
}Health and wellbeing inspired video with simple slideshow and text overlays. Text overlays use the HTML asset and tables to create expanding text panels with semi-transparent background.
New to Shotstack? Sign up to use this template and start automatically generating videos.
Test and modify this template directly in Postman by forking our public Collection.
Customize the template and integrate it in to your application or workflow using the programming language of your choice.
Use this template as the starting point for integration with our SDKs. Port the JSON to PHP, Node or Ruby and integrate in to your code base.