{
"timeline": {
"soundtrack": {
"src": "https://assets.mixkit.co/music/download/mixkit-serene-view-443.mp3",
"effect": "fadeOut"
},
"fonts": [
{
"src": "https://templates.shotstack.io/basic/asset/font/quicksand-regular.ttf"
},
{
"src": "https://templates.shotstack.io/basic/asset/font/notoserifdisplay-regular.ttf"
}
],
"tracks": [
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>26 George Street</p>",
"css": "p { font-family: 'Noto Serif Display'; color: #ffffff; font-size:72px; text-align:left}",
"width": 1000,
"height": 100
},
"start": 1.2,
"length": 4.5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.12
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Western Cape</p>",
"css": "p {font-family: 'Quicksand'; color: #fff; font-size: 38px; text-align:left }",
"width": 1200,
"height": 50
},
"start": 1.3,
"length": 4.5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.07
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Living Room</p>",
"css": "p { font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left }",
"width": 1000,
"height": 100
},
"start": 7,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.16
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
"css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
"width": 1000,
"height": 100,
"position": "top"
},
"start": 7.1,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.07
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Main Bedroom</p>",
"css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
"width": 1000,
"height": 100
},
"start": 14.2,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.16
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
"css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
"width": 1000,
"height": 100,
"position": "top"
},
"start": 14.3,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.07
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Guest Bedroom</p>",
"css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
"width": 1000,
"height": 100
},
"start": 22.2,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.16
},
"transition": {
"in": "slideUp",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
"css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
"width": 1000,
"height": 100,
"position": "top"
},
"start": 22.3,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.07
},
"transition": {
"in": "slideUpFast",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Home Office</p>",
"css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
"width": 1000,
"height": 100
},
"start": 30.2,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.16
},
"transition": {
"in": "slideUpFast",
"out": "fade"
}
},
{
"asset": {
"type": "html",
"html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
"css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
"width": 1000,
"height": 100,
"position": "top"
},
"start": 30.3,
"length": 5,
"position": "bottomLeft",
"offset": {
"x": 0.1,
"y": 0.07
},
"transition": {
"in": "slideUpFast",
"out": "fade"
}
},
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/real-estate-white.png"
},
"start": 39.3,
"length": 3.7,
"fit": "none",
"scale": 0.8,
"offset": {
"x": 0.305,
"y": 0.24
},
"transition": {
"in": "slideLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p><b>JOHN DOE</b></p><p>+1 234 456 789</p><p>email@email.com</p>",
"css": "p { font-family: 'Quicksand'; color: #fff; font-size: 32px; text-align: center; } b { font-size:42px; }",
"width": 600,
"height": 300
},
"start": 39.4,
"length": 3.6,
"position": "right",
"offset": {
"x": -0.04,
"y": -0.10
},
"transition": {
"in": "slideLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-bottom-in.mov"
},
"start": 0,
"length": 5
},
{
"asset": {
"type": "video",
"src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-bottom-out.mov"
},
"start": 5.04,
"length": 2
},
{
"asset": {
"type": "video",
"src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-right-in.mov"
},
"start": 38,
"length": 5
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-entrance.mp4"
},
"start": 0,
"length": 6,
"transition": {
"in": "fade"
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-living-room-b-roll.mp4",
"trim": 5
},
"start": 6,
"length": 3
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-living-room.mp4"
},
"start": 9,
"length": 5
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-main-bedroom-b-roll.mp4"
},
"start": 14,
"length": 3
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-main-bedroom.mp4"
},
"start": 17,
"length": 5
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-second-bedroom-b-roll.mp4"
},
"start": 22,
"length": 3
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-second-bedroom.mp4"
},
"start": 25,
"length": 5
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-home-office-b-roll.mp4"
},
"start": 30,
"length": 3
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-home-office.mp4"
},
"start": 33,
"length": 10
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "1080"
}
}A real estate walkthrough video with overlay transitions and backgrounds, intro and real estate agent outro.
New to Shotstack? Sign up for API access 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.