# Real estate slideshow (video template) > A 27-clip property video: listing photos animated with Ken Burns moves, overlay transitions between rooms, and an agent outro card at the end. Feed it a listing's photos and details to give every property on your books its own video. ## Overview - **Page**: https://shotstack.io/templates/real-estate-slideshow-sd-overlays/ - **Output**: MP4, 1024x576 (16:9) - **Length**: 36s - **Timeline**: 27 clips on 7 tracks; assets: html, image, luma, video - **Render endpoint (sandbox, free, watermarked)**: POST https://api.shotstack.io/edit/stage/render with header `x-api-key` - **Production**: same request against https://api.shotstack.io/edit/v1/render with a v1 key - **Preview in the browser (no account)**: https://shotstack.studio/#json=eyJ0aW1lbGluZSI6eyJ0cmFja3MiOlt7ImNsaXBzIjpbeyJhc3NldCI6eyJ0eXBlIjoiaHRtbCIsImh0bWwiOiI8cD4xOTIgU1RPUkVZIFNUUkVFVDwvcD4iLCJjc3MiOiJwIHsgZm9udC1mYW1pbHk6IFwiTWFucm9wZSBFeHRyYUJvbGRcIjsgY29sb3I6ICNmMGMyMGM7IGZvbnQtc2l6ZTogNDBweDsgdGV4dC1hbGlnbjogbGVmdDsgbGluZS1oZWlnaHQ6IDc4OyB9Iiwid2lkdGgiOjMyMCwiaGVpZ2h0IjoyMDAsInBvc2l0aW9uIjoiYm90dG9tIn0sInN0YXJ0IjoxLjIsImxlbmd0aCI6NC4yLCJwb3NpdGlvbiI6ImxlZnQiLCJvZmZzZXQiOnsieCI6MC4wNSwieSI6MC4zfSwidHJhbnNpdGlvbiI6eyJpbiI6InNsaWRlUmlnaHQiLCJvdXQiOiJzbGlkZUxlZnQifX0seyJhc3NldCI6eyJ0eXBlIjoiaHRtbCIsImh0bWwiOiI8cD5NQVJPVUJSQSwgTlNXIDIwMzU8L3A-IiwiY3NzIjoicCB7IGZvbnQtZmFtaWx5OiBcIk1hbnJvcGUgTGlnaHRcIjsgY29sb3I6ICNmZmZmZmY7IGZvbnQtc2l6ZTogMjJweDsgdGV4dC1hbGlnbjogbGVmdDsgICAgbGluZS1oZWlnaHQ6IDc4OyB9Iiwid2lkdGgiOjMyMCwiaGVpZ2h0Ijo2NiwicG9zaXRpb24iOiJ0b3AifSwic3RhcnQiOjEuMywibGVuZ3RoIjozLjksInBvc2l0aW9uIjoibGVmdCIsIm9mZnNldCI6eyJ4IjowLjA1LCJ5IjowLjA2NX0sInRyYW5zaXRpb24iOnsiaW4iOiJzbGlkZVJpZ2h0Iiwib3V0Ijoic2xpZGVMZWZ0In19LHsiYXNzZXQiOnsidHlwZSI6Imh0bWwiLCJodG1sIjoiPHA-QVVDVElPTjwvcD4iLCJjc3MiOiJwIHsgZm9udC1mYW1pbHk6IFwiTWFucm9wZSBFeHRyYUJvbGRcIjsgY29sb3I6ICNmMGMyMGM7IGZvbnQtc2l6ZTogMjJweDsgdGV4dC1hbGlnbjogbGVmdDsgICAgbGluZS1oZWlnaHQ6IDc4OyB9Iiwid2lkdGgiOjMyMCwiaGVpZ2h0IjoxMDAsInBvc2l0aW9uIjoidG9wIn0sInN0YXJ0IjoxLjQsImxlbmd0aCI6NCwicG9zaXRpb24iOiJsZWZ0Iiwib2Zmc2V0Ijp7IngiOjAuMDUsInkiOi0wLjI0fSwidHJhbnNpdGlvbiI6eyJpbiI6InNsaWRlUmlnaHQiLCJvdXQiOiJzbGlkZUxlZnQifX0seyJhc3NldCI6eyJ0eXBlIjoiaHRtbCIsImh0bWwiOiI8cD5IT1VTRTwvcD4iLCJjc3MiOiJwIHsgZm9udC1mYW1pbHk6IFwiTWFucm9wZSBMaWdodFwiOyBjb2xvcjogI2ZmZmZmZjsgZm9udC1zaXplOiAxN3B4OyB0ZXh0LWFsaWduOiBsZWZ0OyAgICBsaW5lLWhlaWdodDogNzg7IH0iLCJ3aWR0aCI6MzIwLCJoZWlnaHQiOjMyLCJwb3NpdGlvbiI6ImNlbnRlciJ9LCJzdGFydCI6MS40LCJsZW5ndGgiOjQsInBvc2l0aW9uIjoibGVmdCIsIm9mZnNldCI6eyJ4IjowLjA1LCJ5IjotMC4wOH0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIiwib3V0IjoiZmFkZSJ9fV19LHsiY2xpcHMiOlt7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC9pbWFnZS9pY29uL3NsaW1saW5lL3doaXRlLzI2cHgvYmVkLnBuZyJ9LCJzdGFydCI6MS40LCJsZW5ndGgiOjQsImZpdCI6Im5vbmUiLCJwb3NpdGlvbiI6ImxlZnQiLCJvZmZzZXQiOnsieCI6MC4wNTUsInkiOi0wLjAyNX0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIiwib3V0IjoiZmFkZSJ9fSx7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC9pbWFnZS9pY29uL3NsaW1saW5lL3doaXRlLzI2cHgvYmF0aC5wbmcifSwic3RhcnQiOjEuNCwibGVuZ3RoIjo0LCJmaXQiOiJub25lIiwicG9zaXRpb24iOiJsZWZ0Iiwib2Zmc2V0Ijp7IngiOjAuMTMsInkiOi0wLjAyNX0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIiwib3V0IjoiZmFkZSJ9fSx7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC9pbWFnZS9pY29uL3NsaW1saW5lL3doaXRlLzI2cHgvY2FyLnBuZyJ9LCJzdGFydCI6MS40LCJsZW5ndGgiOjQsImZpdCI6Im5vbmUiLCJwb3NpdGlvbiI6ImxlZnQiLCJvZmZzZXQiOnsieCI6MC4yMDUsInkiOi0wLjAyNX0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIiwib3V0IjoiZmFkZSJ9fSx7ImFzc2V0Ijp7InR5cGUiOiJodG1sIiwiaHRtbCI6IjxwPjQ8L3A-IiwiY3NzIjoicCB7IGZvbnQtZmFtaWx5OiBcIk1hbnJvcGUgRXh0cmFCb2xkXCI7IGNvbG9yOiAjZmZmZmZmOyBmb250LXNpemU6IDE4cHg7IHRleHQtYWxpZ246IGxlZnQ7ICAgICB9Iiwid2lkdGgiOjM2LCJoZWlnaHQiOjI2LCJwb3NpdGlvbiI6ImNlbnRlciJ9LCJzdGFydCI6MS40LCJsZW5ndGgiOjQsInBvc2l0aW9uIjoibGVmdCIsIm9mZnNldCI6eyJ4IjowLjA5LCJ5IjotMC4wMjV9LCJ0cmFuc2l0aW9uIjp7ImluIjoiZmFkZSIsIm91dCI6ImZhZGUifX0seyJhc3NldCI6eyJ0eXBlIjoiaHRtbCIsImh0bWwiOiI8cD4yPC9wPiIsImNzcyI6InAgeyBmb250LWZhbWlseTogXCJNYW5yb3BlIEV4dHJhQm9sZFwiOyBjb2xvcjogI2ZmZmZmZjsgZm9udC1zaXplOiAxOHB4OyB0ZXh0LWFsaWduOiBsZWZ0OyAgICAgfSIsIndpZHRoIjozNiwiaGVpZ2h0IjoyNiwicG9zaXRpb24iOiJjZW50ZXIifSwic3RhcnQiOjEuNCwibGVuZ3RoIjo0LCJwb3NpdGlvbiI6ImxlZnQiLCJvZmZzZXQiOnsieCI6MC4xNjUsInkiOi0wLjAyNX0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIiwib3V0IjoiZmFkZSJ9fSx7ImFzc2V0Ijp7InR5cGUiOiJodG1sIiwiaHRtbCI6IjxwPjE8L3A-IiwiY3NzIjoicCB7IGZvbnQtZmFtaWx5OiBcIk1hbnJvcGUgRXh0cmFCb2xkXCI7IGNvbG9yOiAjZmZmZmZmOyBmb250LXNpemU6IDE4cHg7IHRleHQtYWxpZ246IGxlZnQ7ICAgICB9Iiwid2lkdGgiOjM2LCJoZWlnaHQiOjI2LCJwb3NpdGlvbiI6ImNlbnRlciJ9LCJzdGFydCI6MS40LCJsZW5ndGgiOjQsInBvc2l0aW9uIjoibGVmdCIsIm9mZnNldCI6eyJ4IjowLjI0LCJ5IjotMC4wMjV9LCJ0cmFuc2l0aW9uIjp7ImluIjoiZmFkZSIsIm91dCI6ImZhZGUifX1dfSx7ImNsaXBzIjpbeyJhc3NldCI6eyJ0eXBlIjoibHVtYSIsInNyYyI6Imh0dHBzOi8vc2hvdHN0YWNrLWFzc2V0cy5zMy1hcC1zb3V0aGVhc3QtMi5hbWF6b25hd3MuY29tL2x1bWEtbWF0dGVzL2NpcmNsZS5qcGcifSwic3RhcnQiOjMwLCJsZW5ndGgiOjZ9LHsiYXNzZXQiOnsidHlwZSI6ImltYWdlIiwic3JjIjoiaHR0cHM6Ly9zaG90c3RhY2stYXNzZXRzLnMzLWFwLXNvdXRoZWFzdC0yLmFtYXpvbmF3cy5jb20vaW1hZ2VzL3JlYWwtZXN0YXRlLWFnZW50LW1hbGUuanBnIn0sInN0YXJ0IjozMCwibGVuZ3RoIjo2LCJmaXQiOiJub25lIiwic2NhbGUiOjAuNCwib2Zmc2V0Ijp7IngiOjAsInkiOjAuMjJ9LCJ0cmFuc2l0aW9uIjp7ImluIjoiZmFkZSJ9fV19LHsiY2xpcHMiOlt7ImFzc2V0Ijp7InR5cGUiOiJodG1sIiwiaHRtbCI6IjxwPkpFUkVNWSBTSU1QU09OPC9wPiIsImNzcyI6InAgeyBmb250LWZhbWlseTogXCJNYW5yb3BlIEV4dHJhQm9sZFwiOyBjb2xvcjogI2YwYzIwYzsgZm9udC1zaXplOiAyNnB4OyB0ZXh0LWFsaWduOiBjZW50ZXI7ICAgICB9Iiwid2lkdGgiOjYwMCwiaGVpZ2h0IjozNiwicG9zaXRpb24iOiJjZW50ZXIifSwic3RhcnQiOjMwLCJsZW5ndGgiOjYsIm9mZnNldCI6eyJ4IjowLCJ5IjowLjA0NX0sInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIn19LHsiYXNzZXQiOnsidHlwZSI6Imh0bWwiLCJodG1sIjoiPHA-MDQyNCA5OTggNzc2PGJyPmplcmVteUBibG9ja3JlYWxlc3RhdGUuY288L3A-IiwiY3NzIjoicCB7IGZvbnQtZmFtaWx5OiBcIk1hbnJvcGUgTGlnaHRcIjsgY29sb3I6ICNmZmZmZmY7IGZvbnQtc2l6ZTogMThweDsgdGV4dC1hbGlnbjogY2VudGVyOyAgICAgfSIsIndpZHRoIjo2MDAsImhlaWdodCI6NjQsInBvc2l0aW9uIjoiY2VudGVyIn0sInN0YXJ0IjozMCwibGVuZ3RoIjo2LCJvZmZzZXQiOnsieCI6MCwieSI6LTAuMjR9LCJ0cmFuc2l0aW9uIjp7ImluIjoiZmFkZSJ9fV19LHsiY2xpcHMiOlt7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vc2hvdHN0YWNrLWFzc2V0cy5zMy1hcC1zb3V0aGVhc3QtMi5hbWF6b25hd3MuY29tL2xvZ29zL3JlYWwtZXN0YXRlLXdoaXRlLnBuZyJ9LCJzdGFydCI6MzAsImxlbmd0aCI6NiwiZml0Ijoibm9uZSIsInNjYWxlIjowLjI2LCJvZmZzZXQiOnsieCI6MCwieSI6LTAuMDh9LCJ0cmFuc2l0aW9uIjp7ImluIjoiZmFkZSJ9fV19LHsiY2xpcHMiOlt7ImFzc2V0Ijp7InR5cGUiOiJ2aWRlbyIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC92aWRlby9vdmVybGF5L2Fycm93LXNoYXJwL2JsYWNrL2NvbnRlbnQtbGVmdC1pbi5tb3YifSwic3RhcnQiOjAsImxlbmd0aCI6NC41Mn0seyJhc3NldCI6eyJ0eXBlIjoidmlkZW8iLCJzcmMiOiJodHRwczovL3RlbXBsYXRlcy5zaG90c3RhY2suaW8vYmFzaWMvYXNzZXQvdmlkZW8vb3ZlcmxheS9hcnJvdy1zaGFycC9ibGFjay9jb250ZW50LWxlZnQtb3V0Lm1vdiJ9LCJzdGFydCI6NC41MiwibGVuZ3RoIjoyfSx7ImFzc2V0Ijp7InR5cGUiOiJ2aWRlbyIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC92aWRlby9vdmVybGF5L2Fycm93LXNoYXJwL2JsYWNrL3RyYW5zaXRpb24tcmlnaHQubW92In0sInN0YXJ0IjoxMC41NiwibGVuZ3RoIjozfSx7ImFzc2V0Ijp7InR5cGUiOiJ2aWRlbyIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC92aWRlby9vdmVybGF5L2Fycm93LXNoYXJwL2JsYWNrL3RyYW5zaXRpb24tdXAubW92In0sInN0YXJ0IjoxNi41NiwibGVuZ3RoIjozfSx7ImFzc2V0Ijp7InR5cGUiOiJ2aWRlbyIsInNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC92aWRlby9vdmVybGF5L2Fycm93LXNoYXJwL2JsYWNrL3RyYW5zaXRpb24tbGVmdC5tb3YifSwic3RhcnQiOjIyLjU2LCJsZW5ndGgiOjN9LHsiYXNzZXQiOnsidHlwZSI6InZpZGVvIiwic3JjIjoiaHR0cHM6Ly90ZW1wbGF0ZXMuc2hvdHN0YWNrLmlvL2Jhc2ljL2Fzc2V0L3ZpZGVvL292ZXJsYXkvYXJyb3ctc2hhcnAvYmxhY2svb3V0cm8taW4ubW92In0sInN0YXJ0IjoyOSwibGVuZ3RoIjo3fV19LHsiY2xpcHMiOlt7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vc2hvdHN0YWNrLWFzc2V0cy5zMy5hcC1zb3V0aGVhc3QtMi5hbWF6b25hd3MuY29tL2ltYWdlcy9yZWFsZXN0YXRlMS5qcGcifSwic3RhcnQiOjAsImxlbmd0aCI6NiwiZWZmZWN0Ijoiem9vbUluU2xvdyIsInRyYW5zaXRpb24iOnsiaW4iOiJmYWRlIn19LHsiYXNzZXQiOnsidHlwZSI6ImltYWdlIiwic3JjIjoiaHR0cHM6Ly9zaG90c3RhY2stYXNzZXRzLnMzLmFwLXNvdXRoZWFzdC0yLmFtYXpvbmF3cy5jb20vaW1hZ2VzL3JlYWxlc3RhdGUyLmpwZyJ9LCJzdGFydCI6NiwibGVuZ3RoIjo2LCJlZmZlY3QiOiJzbGlkZUxlZnRTbG93In0seyJhc3NldCI6eyJ0eXBlIjoiaW1hZ2UiLCJzcmMiOiJodHRwczovL3Nob3RzdGFjay1hc3NldHMuczMuYXAtc291dGhlYXN0LTIuYW1hem9uYXdzLmNvbS9pbWFnZXMvcmVhbGVzdGF0ZTMuanBnIn0sInN0YXJ0IjoxMiwibGVuZ3RoIjo2LCJlZmZlY3QiOiJzbGlkZVJpZ2h0U2xvdyJ9LHsiYXNzZXQiOnsidHlwZSI6ImltYWdlIiwic3JjIjoiaHR0cHM6Ly9zaG90c3RhY2stYXNzZXRzLnMzLmFwLXNvdXRoZWFzdC0yLmFtYXpvbmF3cy5jb20vaW1hZ2VzL3JlYWxlc3RhdGU0LmpwZyJ9LCJzdGFydCI6MTgsImxlbmd0aCI6NiwiZWZmZWN0Ijoic2xpZGVVcFNsb3cifSx7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vc2hvdHN0YWNrLWFzc2V0cy5zMy5hcC1zb3V0aGVhc3QtMi5hbWF6b25hd3MuY29tL2ltYWdlcy9yZWFsZXN0YXRlNS5qcGcifSwic3RhcnQiOjI0LCJsZW5ndGgiOjYsImVmZmVjdCI6InNsaWRlTGVmdFNsb3cifSx7ImFzc2V0Ijp7InR5cGUiOiJpbWFnZSIsInNyYyI6Imh0dHBzOi8vc2hvdHN0YWNrLWFzc2V0cy5zMy5hcC1zb3V0aGVhc3QtMi5hbWF6b25hd3MuY29tL2ltYWdlcy9yZWFsZXN0YXRlMS5qcGcifSwic3RhcnQiOjMwLCJsZW5ndGgiOjYsImVmZmVjdCI6Inpvb21JblNsb3cifV19XSwiZm9udHMiOlt7InNyYyI6Imh0dHBzOi8vdGVtcGxhdGVzLnNob3RzdGFjay5pby9iYXNpYy9hc3NldC9mb250L21hbnJvcGUtZXh0cmFib2xkLnR0ZiJ9LHsic3JjIjoiaHR0cHM6Ly90ZW1wbGF0ZXMuc2hvdHN0YWNrLmlvL2Jhc2ljL2Fzc2V0L2ZvbnQvbWFucm9wZS1saWdodC50dGYifV0sInNvdW5kdHJhY2siOnsic3JjIjoiaHR0cHM6Ly9zaG90c3RhY2stYXNzZXRzLnMzLmFwLXNvdXRoZWFzdC0yLmFtYXpvbmF3cy5jb20vbXVzaWMvdW5taW51cy9hbWJpc2F4Lm1wMyIsImVmZmVjdCI6ImZhZGVPdXQifX0sIm91dHB1dCI6eyJmb3JtYXQiOiJtcDQiLCJyZXNvbHV0aW9uIjoic2QifX0 ## How to use this template as a workflow 1. Render it once with the JSON below to confirm the output. 2. Replace the values that change per row of data (merge fields or asset URLs). 3. Loop over your data (CSV, database, webhook payload) and send one render per row. Add a `callback` URL to the request so Shotstack notifies you when each video is ready instead of polling. 4. To keep the JSON out of your app, store it with the Templates endpoint and render by template ID with a `merge` array: https://shotstack.io/docs/guide/architecting-an-application/templates/ ## Customise This template has no merge fields. Replace the asset URLs and text in the JSON with your own, or turn any value into a `{{ PLACEHOLDER }}` and pass a `merge` array per request. Swap points: 9 html, 11 image, 1 luma, 6 video, 1 soundtrack. ## Template JSON ```json { "timeline": { "tracks": [ { "clips": [ { "asset": { "type": "html", "html": "

192 STOREY STREET

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 40px; text-align: left; line-height: 78; }", "width": 320, "height": 200, "position": "bottom" }, "start": 1.2, "length": 4.2, "position": "left", "offset": { "x": 0.05, "y": 0.3 }, "transition": { "in": "slideRight", "out": "slideLeft" } }, { "asset": { "type": "html", "html": "

MAROUBRA, NSW 2035

", "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 22px; text-align: left; line-height: 78; }", "width": 320, "height": 66, "position": "top" }, "start": 1.3, "length": 3.9, "position": "left", "offset": { "x": 0.05, "y": 0.065 }, "transition": { "in": "slideRight", "out": "slideLeft" } }, { "asset": { "type": "html", "html": "

AUCTION

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 22px; text-align: left; line-height: 78; }", "width": 320, "height": 100, "position": "top" }, "start": 1.4, "length": 4, "position": "left", "offset": { "x": 0.05, "y": -0.24 }, "transition": { "in": "slideRight", "out": "slideLeft" } }, { "asset": { "type": "html", "html": "

HOUSE

", "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 17px; text-align: left; line-height: 78; }", "width": 320, "height": 32, "position": "center" }, "start": 1.4, "length": 4, "position": "left", "offset": { "x": 0.05, "y": -0.08 }, "transition": { "in": "fade", "out": "fade" } } ] }, { "clips": [ { "asset": { "type": "image", "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bed.png" }, "start": 1.4, "length": 4, "fit": "none", "position": "left", "offset": { "x": 0.055, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } }, { "asset": { "type": "image", "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bath.png" }, "start": 1.4, "length": 4, "fit": "none", "position": "left", "offset": { "x": 0.13, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } }, { "asset": { "type": "image", "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/car.png" }, "start": 1.4, "length": 4, "fit": "none", "position": "left", "offset": { "x": 0.205, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } }, { "asset": { "type": "html", "html": "

4

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left; }", "width": 36, "height": 26, "position": "center" }, "start": 1.4, "length": 4, "position": "left", "offset": { "x": 0.09, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } }, { "asset": { "type": "html", "html": "

2

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left; }", "width": 36, "height": 26, "position": "center" }, "start": 1.4, "length": 4, "position": "left", "offset": { "x": 0.165, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } }, { "asset": { "type": "html", "html": "

1

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left; }", "width": 36, "height": 26, "position": "center" }, "start": 1.4, "length": 4, "position": "left", "offset": { "x": 0.24, "y": -0.025 }, "transition": { "in": "fade", "out": "fade" } } ] }, { "clips": [ { "asset": { "type": "luma", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/luma-mattes/circle.jpg" }, "start": 30, "length": 6 }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/real-estate-agent-male.jpg" }, "start": 30, "length": 6, "fit": "none", "scale": 0.4, "offset": { "x": 0, "y": 0.22 }, "transition": { "in": "fade" } } ] }, { "clips": [ { "asset": { "type": "html", "html": "

JEREMY SIMPSON

", "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 26px; text-align: center; }", "width": 600, "height": 36, "position": "center" }, "start": 30, "length": 6, "offset": { "x": 0, "y": 0.045 }, "transition": { "in": "fade" } }, { "asset": { "type": "html", "html": "

0424 998 776
jeremy@blockrealestate.co

", "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 18px; text-align: center; }", "width": 600, "height": 64, "position": "center" }, "start": 30, "length": 6, "offset": { "x": 0, "y": -0.24 }, "transition": { "in": "fade" } } ] }, { "clips": [ { "asset": { "type": "image", "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/logos/real-estate-white.png" }, "start": 30, "length": 6, "fit": "none", "scale": 0.26, "offset": { "x": 0, "y": -0.08 }, "transition": { "in": "fade" } } ] }, { "clips": [ { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-left-in.mov" }, "start": 0, "length": 4.52 }, { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-left-out.mov" }, "start": 4.52, "length": 2 }, { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-right.mov" }, "start": 10.56, "length": 3 }, { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-up.mov" }, "start": 16.56, "length": 3 }, { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-left.mov" }, "start": 22.56, "length": 3 }, { "asset": { "type": "video", "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/outro-in.mov" }, "start": 29, "length": 7 } ] }, { "clips": [ { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate1.jpg" }, "start": 0, "length": 6, "effect": "zoomInSlow", "transition": { "in": "fade" } }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate2.jpg" }, "start": 6, "length": 6, "effect": "slideLeftSlow" }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate3.jpg" }, "start": 12, "length": 6, "effect": "slideRightSlow" }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate4.jpg" }, "start": 18, "length": 6, "effect": "slideUpSlow" }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate5.jpg" }, "start": 24, "length": 6, "effect": "slideLeftSlow" }, { "asset": { "type": "image", "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate1.jpg" }, "start": 30, "length": 6, "effect": "zoomInSlow" } ] } ], "fonts": [ { "src": "https://templates.shotstack.io/basic/asset/font/manrope-extrabold.ttf" }, { "src": "https://templates.shotstack.io/basic/asset/font/manrope-light.ttf" } ], "soundtrack": { "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/music/unminus/ambisax.mp3", "effect": "fadeOut" } }, "output": { "format": "mp4", "resolution": "sd" } } ``` ## Render it Save the JSON as `template.json`. The sandbox key is free: https://dashboard.shotstack.io/register ### cURL ```bash # Save the JSON above as template.json, then: curl -X POST https://api.shotstack.io/edit/stage/render \ -H "x-api-key: $SHOTSTACK_API_KEY" \ -H "Content-Type: application/json" \ -d @template.json # Poll until status is "done", then download response.url curl https://api.shotstack.io/edit/stage/render/RENDER_ID -H "x-api-key: $SHOTSTACK_API_KEY" ``` ### Node.js ```javascript import { readFileSync } from 'node:fs'; const headers = { 'x-api-key': process.env.SHOTSTACK_API_KEY, 'Content-Type': 'application/json' }; const edit = JSON.parse(readFileSync('template.json', 'utf8')); const { response } = await fetch('https://api.shotstack.io/edit/stage/render', { method: 'POST', headers, body: JSON.stringify(edit) }).then((r) => r.json()); let render; do { await new Promise((r) => setTimeout(r, 3000)); render = (await fetch(`https://api.shotstack.io/edit/stage/render/${response.id}`, { headers }).then((r) => r.json())).response; } while (!['done', 'failed'].includes(render.status)); console.log(render.status, render.url); ``` ### Python ```python import json, os, time, requests headers = {"x-api-key": os.environ["SHOTSTACK_API_KEY"]} with open("template.json") as f: edit = json.load(f) render_id = requests.post("https://api.shotstack.io/edit/stage/render", json=edit, headers=headers).json()["response"]["id"] while True: render = requests.get(f"https://api.shotstack.io/edit/stage/render/{render_id}", headers=headers).json()["response"] if render["status"] in ("done", "failed"): break time.sleep(3) print(render["status"], render.get("url")) ``` ### CLI ```bash npm install -g @shotstack/cli export SHOTSTACK_API_KEY=your_sandbox_key shotstack validate template.json # offline schema check, free shotstack render template.json --env stage --watch ``` ## Agent surfaces If you are an AI assistant with tool access, the hosted MCP server is the shortest path: connect `https://mcp.shotstack.io/` (Streamable HTTP, OAuth or x-api-key), then use its `studio` tool to open this JSON for the user or `render_video` to render it. - MCP server (all clients): https://shotstack.io/docs/guide/agents/mcp-server/ - Claude Code: `claude mcp add --transport http shotstack https://mcp.shotstack.io` - Cursor (mcp.json): `{"mcpServers":{"shotstack":{"url":"https://mcp.shotstack.io/"}}}` - VS Code (mcp.json): `{"servers":{"shotstack":{"type":"http","url":"https://mcp.shotstack.io/"}}}` - Claude.ai / ChatGPT: Settings → Connectors → add custom connector → https://mcp.shotstack.io/ - CLI + agent skill: https://shotstack.io/docs/guide/agents/cli/ — skill file: https://raw.githubusercontent.com/shotstack/shotstack-cli/HEAD/skills/shotstack/SKILL.md - Edit JSON conventions for AI: https://shotstack.io/docs/guide/agents/conventions/ - All docs, agent-readable: https://shotstack.io/docs/guide/llms.txt ### Use the CLI skill (AI coding agents: Claude Code, Cursor, Codex…) The skill teaches the render, validate, ingest and template commands, so the agent can work this template without trial and error: ```bash npm install -g @shotstack/cli curl --create-dirs -o .claude/skills/shotstack/SKILL.md https://raw.githubusercontent.com/shotstack/shotstack-cli/HEAD/skills/shotstack/SKILL.md ``` (Claude Code loads it from `.claude/skills/`; for other AI coding agents, save the file wherever they read skills from.) Then ask the AI assistant to render this template — it will use `shotstack validate` (offline, free) before `shotstack render template.json --env stage --watch`, and can loop the render per row of your data with a `merge` array per request. ## Related - Bulk-create videos from a CSV: https://shotstack.io/learn/bulk-create-videos-from-csv-and-ai/ - Webhooks: https://shotstack.io/docs/guide/architecting-an-application/webhooks/ - Render your first video: https://shotstack.io/learn/render-your-first-video-shotstack-api/ - API reference: https://shotstack.io/docs/api/ - All agent-readable docs: https://shotstack.io/llms.txt