Stories 01

LoopStories01Template

A stories bar: one image up, the rest queued behind it.

Loop · Stories 1 of 4 · 2 to 12 images or videos

0:00 / 0:00

Settings

Template settings

Specific to this template. Every template also accepts the common settings (aspect ratio, background, corner radius).

Setting	Type	Default	What it does
`loopDuration`	number	`13`
`loopRepeat`	number	`2`
`mediaFit`	enum	`natural`	How each media fills its slot.One of: `crop`, `natural`
`thumbAspect`	enum	`1:1`	One of: `1:1`, `3:4`, `4:3`
`bigScale`	number	`115`
`bigDrift`	number	`40`
`thumbSize`	number	`85`
`containerOpacity`	number	`40`
`containerBlur`	number	`60`
`selectorPad`	number	`5`
`selectorStroke`	number	`2`
`dimAmount`	number	`20`
`offsetX`	number	`0`
`offsetY`	number	`30`
`cycles`	number	`1`
`delay`	number	`0.33`
`direction`	enum	`right`	One of: `right`, `left`, `down`, `up`

Request

Example request

A complete, working body for POST /api/v1/render with every default spelled out. Send only the settings you want to change.

POST /api/v1/render — Stories 01

{
  "id": "LoopStories01Template",
  "scale": 1,
  "inputProps": {
    "images": [
      "https://picsum.photos/seed/reelfolio1/1280/800",
      "https://picsum.photos/seed/reelfolio2/1280/800",
      "https://picsum.photos/seed/reelfolio3/1280/800"
    ],
    "settings": {
      "backgroundColor": "#0b0b0f",
      "backgroundType": "gradient",
      "backgroundGradientStart": "#111111",
      "backgroundGradientEnd": "#444444",
      "backgroundGradientNoise": 0,
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 6,
      "aspectRatio": "16:9",
      "cropAspectRatio": "1:1",
      "mediaFit": "natural",
      "loopRepeat": 2,
      "loopDuration": 13,
      "thumbAspect": "1:1",
      "bigScale": 115,
      "bigDrift": 40,
      "thumbSize": 85,
      "containerOpacity": 40,
      "containerBlur": 60,
      "selectorPad": 5,
      "selectorStroke": 2,
      "dimAmount": 20,
      "offsetX": 0,
      "offsetY": 30,
      "cycles": 1,
      "delay": 0.33,
      "direction": "right"
    }
  }
}