{
"timeline": {
"tracks": [
{
"clips": [
{
"asset": {
"type": "audio",
"src": "https://feeds.soundcloud.com/stream/574894515-unminus-hustle-muscle.mp3",
"effect": "fadeOut",
"trim": 3.68
},
"start": 0.2,
"length": 29
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>MIRROR EFFECT</p>",
"css": "p { font-family: 'Work Sans Light'; font-size: 48px; color: #ffffff; }",
"width": 600,
"height": 60
},
"start": 0.2,
"length": 8,
"effect": "zoomOutSlow",
"transition": {
"out": "fadeSlow"
},
"offset": {
"y": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>MIRROR EFFECT</p>",
"css": "p { font-family: 'Work Sans Light'; font-size: 48px; color: #ffffff; }",
"width": 600,
"height": 60
},
"start": 0.2,
"length": 8,
"opacity": 0.65,
"effect": "zoomOutSlow",
"transition": {
"out": "fadeSlow"
},
"transform": {
"flip": {
"vertical": true
}
},
"offset": {
"y": -0.03
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 0,
"crop": {
"right": 0.5
}
},
"start": 2,
"length": 4,
"transition": {
"in": "fadeSlow"
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 0,
"crop": {
"right": 0.5
}
},
"start": 2,
"length": 4,
"transition": {
"in": "fadeSlow"
},
"transform": {
"flip": {
"horizontal": true
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 6,
"length": 4
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 6,
"length": 4,
"transform": {
"flip": {
"horizontal": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 6,
"length": 4,
"transform": {
"flip": {
"vertical": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 6,
"length": 4,
"transform": {
"flip": {
"horizontal": true,
"vertical": true
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 10,
"length": 4
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 10,
"length": 4,
"transform": {
"flip": {
"horizontal": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 10,
"length": 4,
"transform": {
"flip": {
"vertical": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 10,
"length": 4,
"transform": {
"flip": {
"horizontal": true,
"vertical": true
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"left": 0.5
}
},
"start": 14,
"length": 4
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
"crop": {
"left": 0.5
}
},
"start": 14,
"length": 4,
"transform": {
"flip": {
"horizontal": true
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"crop": {
"right": 0.5
}
},
"start": 18,
"length": 4
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"crop": {
"right": 0.5
}
},
"start": 18,
"length": 4,
"transform": {
"flip": {
"horizontal": true
}
}
}
]
},
{
"clips": [
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 22,
"length": 6,
"transition": {
"out": "fadeSlow"
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 22,
"length": 6.4,
"transition": {
"out": "fadeSlow"
},
"transform": {
"flip": {
"horizontal": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 22,
"length": 6.2,
"transition": {
"out": "fadeSlow"
},
"transform": {
"flip": {
"vertical": true
}
}
},
{
"asset": {
"type": "video",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
"trim": 4,
"crop": {
"right": 0.5,
"top": 0.5
}
},
"start": 22,
"length": 6.6,
"transition": {
"out": "fadeSlow"
},
"transform": {
"flip": {
"horizontal": true,
"vertical": true
}
}
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "sd"
}
}A mirror effect video using the flip transformation.
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.