├── examples
├── snowflake-overlay.json
├── overlay-transition.json
├── picture-in-picture.json
├── luma-matte.json
├── carousel.json
├── captions.json
├── watermark.json
├── ken-burns-effect.json
├── 1-min-stitched.json
├── crop.json
└── kinetic-text.json
└── readme.md
/examples/snowflake-overlay.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "background": "#ffffff",
4 | "tracks": [
5 | {
6 | "clips": [
7 | {
8 | "asset": {
9 | "type": "title",
10 | "text": "SNOWFLAKES",
11 | "style": "chunk",
12 | "size": "x-large"
13 | },
14 | "start": 2.2,
15 | "length": 4,
16 | "opacity": 0.65,
17 | "transition": {
18 | "in": "fade",
19 | "out": "fade"
20 | }
21 | }
22 | ]
23 | },
24 | {
25 | "clips": [
26 | {
27 | "asset": {
28 | "type": "luma",
29 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/luma-mattes/snowflakes.mov"
30 | },
31 | "start": 0,
32 | "length": 15
33 | },
34 | {
35 | "asset": {
36 | "type": "video",
37 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/scenes/winter-cinematic.mp4",
38 | "volume": 1
39 | },
40 | "start": 0,
41 | "length": 15
42 | }
43 | ]
44 | }
45 | ]
46 | },
47 | "output": {
48 | "format": "mp4",
49 | "resolution": "sd"
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/examples/overlay-transition.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/unminus/lit.mp3",
5 | "effect": "fadeOut"
6 | },
7 | "background": "#000000",
8 | "tracks": [
9 | {
10 | "clips": [
11 | {
12 | "asset": {
13 | "type": "title",
14 | "text": "Shotstack Overlays",
15 | "style": "future",
16 | "size": "x-small",
17 | "position": "bottomLeft"
18 | },
19 | "start": 1,
20 | "length": 5,
21 | "transition": {
22 | "in": "fade",
23 | "out": "fade"
24 | }
25 | }
26 | ]
27 | },
28 | {
29 | "clips": [
30 | {
31 | "asset": {
32 | "type": "video",
33 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/overlays/shapes-transition.mov"
34 | },
35 | "start": 5.5,
36 | "length": 2.68
37 | }
38 | ]
39 | },
40 | {
41 | "clips": [
42 | {
43 | "asset": {
44 | "type": "video",
45 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/hot-air-balloons-1.mp4"
46 | },
47 | "start": 0,
48 | "length": 7,
49 | "transition": {
50 | "in": "fade"
51 | }
52 | },
53 | {
54 | "asset": {
55 | "type": "video",
56 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/hot-air-balloons-2.mp4"
57 | },
58 | "start": 7,
59 | "length": 5,
60 | "transition": {
61 | "out": "fade"
62 | }
63 | }
64 | ]
65 | }
66 | ]
67 | },
68 | "output": {
69 | "format": "mp4",
70 | "resolution": "sd"
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/examples/picture-in-picture.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "background": "#000000",
4 | "tracks": [
5 | {
6 | "clips": [
7 | {
8 | "asset": {
9 | "type": "video",
10 | "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/examples/picture-in-picture/commentary.mp4",
11 | "volume": 1
12 | },
13 | "start": 0,
14 | "length": 4.96
15 | },
16 | {
17 | "asset": {
18 | "type": "video",
19 | "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/examples/picture-in-picture/commentary.mp4",
20 | "volume": 1,
21 | "trim": 5
22 | },
23 | "start": 5,
24 | "length": 4.96,
25 | "scale": 0.35,
26 | "position": "bottomRight"
27 | },
28 | {
29 | "asset": {
30 | "type": "video",
31 | "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/examples/picture-in-picture/commentary.mp4",
32 | "volume": 1,
33 | "trim": 10
34 | },
35 | "start": 10,
36 | "length": 2.46,
37 | "scale": 0.35,
38 | "position": "topRight"
39 | },
40 | {
41 | "asset": {
42 | "type": "video",
43 | "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/examples/picture-in-picture/commentary.mp4",
44 | "volume": 1,
45 | "trim": 12.5
46 | },
47 | "start": 12.5,
48 | "length": 2.5,
49 | "scale": 0.25,
50 | "position": "topRight"
51 | }
52 | ]
53 | },
54 | {
55 | "clips": [
56 | {
57 | "asset": {
58 | "type": "video",
59 | "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/examples/picture-in-picture/code.mp4"
60 | },
61 | "start": 5,
62 | "length": 10
63 | }
64 | ]
65 | }
66 | ]
67 | },
68 | "output": {
69 | "format": "mp4",
70 | "resolution": "sd"
71 | }
72 | }
--------------------------------------------------------------------------------
/examples/luma-matte.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/unminus/palmtrees.mp3",
5 | "effect": "fadeOut"
6 | },
7 | "background": "#000000",
8 | "tracks": [
9 | {
10 | "clips": [
11 | {
12 | "asset": {
13 | "type": "title",
14 | "text": "Shotstack Luma Matte",
15 | "style": "marker",
16 | "size": "small"
17 | },
18 | "start": 0,
19 | "length": 4.5,
20 | "transition": {
21 | "in": "fade",
22 | "out": "fade"
23 | }
24 | }
25 | ]
26 | },
27 | {
28 | "clips": [
29 | {
30 | "asset": {
31 | "type": "luma",
32 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/examples/luma-mattes/paint-left.mp4"
33 | },
34 | "start": 3.6,
35 | "length": 1.4
36 | },
37 | {
38 | "asset": {
39 | "type": "video",
40 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/table-mountain.mp4"
41 | },
42 | "start": 0,
43 | "length": 5,
44 | "transition": {
45 | "in": "fade"
46 | }
47 | }
48 | ]
49 | },
50 | {
51 | "clips": [
52 | {
53 | "asset": {
54 | "type": "luma",
55 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/examples/luma-mattes/paint-right.mp4"
56 | },
57 | "start": 7.2,
58 | "length": 1.4
59 | },
60 | {
61 | "asset": {
62 | "type": "video",
63 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/road.mp4"
64 | },
65 | "start": 3.6,
66 | "length": 5
67 | }
68 | ]
69 | },
70 | {
71 | "clips": [
72 | {
73 | "asset": {
74 | "type": "video",
75 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/lake.mp4"
76 | },
77 | "start": 7.2,
78 | "length": 5,
79 | "transition": {
80 | "out": "fade"
81 | }
82 | }
83 | ]
84 | }
85 | ]
86 | },
87 | "output": {
88 | "format": "mp4",
89 | "resolution": "sd"
90 | }
91 | }
--------------------------------------------------------------------------------
/examples/carousel.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "tracks": [
4 | {
5 | "clips": [
6 | {
7 | "asset": {
8 | "type": "image",
9 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy1.jpg"
10 | },
11 | "start": 0,
12 | "length": 2,
13 | "effect": "slideLeft",
14 | "transition": {
15 | "out": "carouselLeft"
16 | }
17 | },
18 | {
19 | "asset": {
20 | "type": "image",
21 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy2.jpg"
22 | },
23 | "start": 1.4,
24 | "length": 2.6,
25 | "effect": "slideLeft",
26 | "transition": {
27 | "in": "carouselLeft",
28 | "out": "carouselLeft"
29 | }
30 | },
31 | {
32 | "asset": {
33 | "type": "image",
34 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy3.jpg"
35 | },
36 | "start": 3.4,
37 | "length": 2.6,
38 | "effect": "slideLeft",
39 | "transition": {
40 | "in": "carouselLeft",
41 | "out": "carouselLeft"
42 | }
43 | },
44 | {
45 | "asset": {
46 | "type": "image",
47 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy4.jpg"
48 | },
49 | "start": 5.4,
50 | "length": 2.6,
51 | "effect": "slideLeft",
52 | "transition": {
53 | "in": "carouselLeft",
54 | "out": "carouselLeft"
55 | }
56 | },
57 | {
58 | "asset": {
59 | "type": "image",
60 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy5.jpg"
61 | },
62 | "start": 7.4,
63 | "length": 2.6,
64 | "effect": "slideLeft",
65 | "transition": {
66 | "in": "carouselLeft",
67 | "out": "carouselLeft"
68 | }
69 | },
70 | {
71 | "asset": {
72 | "type": "image",
73 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/happy6.jpg"
74 | },
75 | "start": 9.4,
76 | "length": 2.6,
77 | "effect": "slideLeft",
78 | "transition": {
79 | "in": "carouselLeft"
80 | }
81 | }
82 | ]
83 | }
84 | ],
85 | "soundtrack": {
86 | "src": "https://feeds.soundcloud.com/stream/802202977-unminus-deadfros5h.mp3"
87 | }
88 | },
89 | "output": {
90 | "format": "mp4",
91 | "resolution": "sd"
92 | }
93 | }
--------------------------------------------------------------------------------
/examples/captions.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "background": "#000000",
4 | "tracks": [
5 | {
6 | "clips": [
7 | {
8 | "asset": {
9 | "type": "title",
10 | "text": "Hi, I'm Jeff the founder of Shotstack, the cloud video editing API.",
11 | "style": "subtitle",
12 | "color": "#ffffff",
13 | "size": "small",
14 | "background": "#000000",
15 | "position": "bottom",
16 | "offset": {
17 | "y": -0.4
18 | }
19 | },
20 | "start": 1.3,
21 | "length": 3.67
22 | },
23 | {
24 | "asset": {
25 | "type": "title",
26 | "text": "This is a quick demo video to show you just how easy",
27 | "style": "subtitle",
28 | "color": "#ffffff",
29 | "size": "small",
30 | "background": "#000000",
31 | "position": "bottom",
32 | "offset": {
33 | "y": -0.4
34 | }
35 | },
36 | "start": 5.07,
37 | "length": 3.92
38 | },
39 | {
40 | "asset": {
41 | "type": "title",
42 | "text": "and quick and simple it is to add captions onto your videos.",
43 | "style": "subtitle",
44 | "color": "#ffffff",
45 | "size": "small",
46 | "background": "#000000",
47 | "position": "bottom",
48 | "offset": {
49 | "y": -0.4
50 | }
51 | },
52 | "start": 9.09,
53 | "length": 4
54 | },
55 | {
56 | "asset": {
57 | "type": "title",
58 | "text": "So follow along with the example using Node, PHP or Ruby and within no time",
59 | "style": "subtitle",
60 | "color": "#ffffff",
61 | "size": "small",
62 | "background": "#000000",
63 | "position": "bottom",
64 | "offset": {
65 | "y": -0.4
66 | }
67 | },
68 | "start": 13.199,
69 | "length": 5.4
70 | },
71 | {
72 | "asset": {
73 | "type": "title",
74 | "text": "you should be adding captions to your own videos.",
75 | "style": "subtitle",
76 | "color": "#ffffff",
77 | "size": "small",
78 | "background": "#000000",
79 | "position": "bottom",
80 | "offset": {
81 | "y": -0.4
82 | }
83 | },
84 | "start": 18.699,
85 | "length": 2.36
86 | }
87 | ]
88 | },
89 | {
90 | "clips": [
91 | {
92 | "asset": {
93 | "type": "video",
94 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/examples/captions-example.mp4",
95 | "volume": 1
96 | },
97 | "start": 0,
98 | "length": 21.08
99 | }
100 | ]
101 | }
102 | ]
103 | },
104 | "output": {
105 | "format": "mp4",
106 | "resolution": "sd"
107 | }
108 | }
--------------------------------------------------------------------------------
/examples/watermark.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/unminus/happy.mp3",
5 | "effect": "fadeOut"
6 |
7 | },
8 | "background": "#000000",
9 | "tracks": [
10 | {
11 | "clips": [
12 | {
13 | "asset": {
14 | "type": "image",
15 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-watermark-wht.png"
16 | },
17 | "start": 0,
18 | "length": 3,
19 | "fit": "none",
20 | "scale": 0.65,
21 | "opacity": 0.5,
22 | "position": "bottomRight",
23 | "offset": {
24 | "x": -0.04,
25 | "y": 0.04
26 | }
27 | },
28 | {
29 | "asset": {
30 | "type": "image",
31 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-watermark-wht.png"
32 | },
33 | "start": 3,
34 | "length": 3,
35 | "fit": "none",
36 | "scale": 0.65,
37 | "opacity": 0.5,
38 | "position": "topLeft",
39 | "offset": {
40 | "x": 0.04,
41 | "y": -0.04
42 | }
43 | },
44 | {
45 | "asset": {
46 | "type": "image",
47 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-watermark-wht.png"
48 | },
49 | "start": 6,
50 | "length": 3,
51 | "fit": "none",
52 | "scale": 0.65,
53 | "opacity": 0.5,
54 | "position": "topRight",
55 | "offset": {
56 | "x": -0.04,
57 | "y": -0.04
58 | }
59 | },
60 | {
61 | "asset": {
62 | "type": "image",
63 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-watermark-wht.png"
64 | },
65 | "start": 9,
66 | "length": 3,
67 | "fit": "none",
68 | "scale": 0.65,
69 | "opacity": 0.5,
70 | "position": "bottomLeft",
71 | "offset": {
72 | "x": 0.04,
73 | "y": 0.04
74 | }
75 | }
76 | ]
77 | },
78 | {
79 | "clips": [
80 | {
81 | "asset": {
82 | "type": "video",
83 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/city-timelapse.mp4"
84 | },
85 | "start": 0,
86 | "length": 3
87 | },
88 | {
89 | "asset": {
90 | "type": "video",
91 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/rain-on-roof.mp4"
92 | },
93 | "start": 3,
94 | "length": 3
95 | },
96 | {
97 | "asset": {
98 | "type": "video",
99 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skate-park.mp4"
100 | },
101 | "start": 6,
102 | "length": 3
103 | },
104 | {
105 | "asset": {
106 | "type": "video",
107 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skier.mp4"
108 | },
109 | "start": 9,
110 | "length": 3
111 | }
112 | ]
113 | }
114 | ]
115 | },
116 | "output": {
117 | "format": "mp4",
118 | "resolution": "sd"
119 | }
120 | }
--------------------------------------------------------------------------------
/examples/ken-burns-effect.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/freepd/advertising.mp3",
5 | "effect": "fadeInFadeOut"
6 |
7 | },
8 | "background": "#000000",
9 | "tracks": [
10 | {
11 | "clips": [
12 | {
13 | "asset": {
14 | "type": "image",
15 | "src": "https://images.pexels.com/photos/189349/pexels-photo-189349.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
16 | },
17 | "start": 0,
18 | "length": 5,
19 | "effect": "zoomIn",
20 | "transition": {
21 | "in": "fade",
22 | "out": "fade"
23 | }
24 | }
25 | ]
26 | },
27 | {
28 | "clips": [
29 | {
30 | "asset": {
31 | "type": "image",
32 | "src": "https://images.pexels.com/photos/1680140/pexels-photo-1680140.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
33 | },
34 | "start": 4,
35 | "length": 5,
36 | "effect": "slideUp",
37 | "transition": {
38 | "out": "fade"
39 | }
40 | }
41 | ]
42 | },
43 | {
44 | "clips": [
45 | {
46 | "asset": {
47 | "type": "image",
48 | "src": "https://images.pexels.com/photos/847393/pexels-photo-847393.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
49 | },
50 | "start": 8,
51 | "length": 5,
52 | "effect": "slideLeft",
53 | "transition": {
54 | "out": "fade"
55 | }
56 | }
57 | ]
58 | },
59 | {
60 | "clips": [
61 | {
62 | "asset": {
63 | "type": "image",
64 | "src": "https://images.pexels.com/photos/1295138/pexels-photo-1295138.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
65 | },
66 | "start": 12,
67 | "length": 5,
68 | "effect": "zoomOut",
69 | "transition": {
70 | "out": "fade"
71 | }
72 | }
73 | ]
74 | },
75 | {
76 | "clips": [
77 | {
78 | "asset": {
79 | "type": "image",
80 | "src": "https://images.pexels.com/photos/1452701/pexels-photo-1452701.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
81 | },
82 | "start": 16,
83 | "length": 5,
84 | "effect": "slideDown",
85 | "transition": {
86 | "out": "fade"
87 | }
88 | }
89 | ]
90 | },
91 | {
92 | "clips": [
93 | {
94 | "asset": {
95 | "type": "image",
96 | "src": "https://images.pexels.com/photos/756856/pexels-photo-756856.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
97 | },
98 | "start": 20,
99 | "length": 5,
100 | "effect": "slideRight",
101 | "transition": {
102 | "out": "fade"
103 | }
104 | }
105 | ]
106 | },
107 | {
108 | "clips": [
109 | {
110 | "asset": {
111 | "type": "image",
112 | "src": "https://images.pexels.com/photos/1533720/pexels-photo-1533720.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=720&w=1280"
113 | },
114 | "start": 24,
115 | "length": 5,
116 | "effect": "zoomIn",
117 | "transition": {
118 | "out": "fade"
119 | }
120 | }
121 | ]
122 | }
123 | ]
124 | },
125 | "output": {
126 | "format": "mp4",
127 | "resolution": "sd"
128 | }
129 | }
--------------------------------------------------------------------------------
/examples/1-min-stitched.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/unminus/palmtrees.mp3",
5 | "effect": "fadeOut"
6 | },
7 | "background": "#000000",
8 | "tracks": [
9 | {
10 | "clips": [
11 | {
12 | "asset": {
13 | "type": "title",
14 | "text": "1 MINUTE SAMPLE VIDEO",
15 | "size": "large",
16 | "style": "chunk"
17 | },
18 | "start": 0,
19 | "length": 10,
20 | "transition": {
21 | "in": "fade",
22 | "out": "fade"
23 | }
24 | }
25 | ]
26 | },
27 | {
28 | "clips": [
29 | {
30 | "asset": {
31 | "type": "video",
32 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/cars-tunnel.mp4"
33 | },
34 | "start": 0,
35 | "length": 5,
36 | "transition": {
37 | "in": "fade"
38 | }
39 | },
40 | {
41 | "asset": {
42 | "type": "video",
43 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/table-mountain.mp4"
44 | },
45 | "start": 5,
46 | "length": 5
47 | },
48 | {
49 | "asset": {
50 | "type": "video",
51 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/beach-cliffs.mp4"
52 | },
53 | "start": 10,
54 | "length": 5
55 | },
56 | {
57 | "asset": {
58 | "type": "video",
59 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/city-timelapse.mp4"
60 | },
61 | "start": 15,
62 | "length": 5
63 | },
64 | {
65 | "asset": {
66 | "type": "video",
67 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/drone.mp4"
68 | },
69 | "start": 20,
70 | "length": 5
71 | },
72 | {
73 | "asset": {
74 | "type": "video",
75 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/headland-houses.mp4"
76 | },
77 | "start": 25,
78 | "length": 5
79 | },
80 | {
81 | "asset": {
82 | "type": "video",
83 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/road.mp4"
84 | },
85 | "start": 30,
86 | "length": 5
87 | },
88 | {
89 | "asset": {
90 | "type": "video",
91 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/night-sky.mp4"
92 | },
93 | "start": 35,
94 | "length": 5
95 | },
96 | {
97 | "asset": {
98 | "type": "video",
99 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/rain-on-roof.mp4"
100 | },
101 | "start": 40,
102 | "length": 5
103 | },
104 | {
105 | "asset": {
106 | "type": "video",
107 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/lake.mp4"
108 | },
109 | "start": 45,
110 | "length": 5
111 | },
112 | {
113 | "asset": {
114 | "type": "video",
115 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skate-park.mp4"
116 | },
117 | "start": 50,
118 | "length": 5
119 | },
120 | {
121 | "asset": {
122 | "type": "video",
123 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skateboarding.mp4"
124 | },
125 | "start": 55,
126 | "length": 5,
127 | "transition": {
128 | "out": "fade"
129 | }
130 | }
131 | ]
132 | }
133 | ]
134 | },
135 | "output": {
136 | "format": "mp4",
137 | "resolution": "sd"
138 | }
139 | }
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Shotstack JSON examples
2 |
3 | ### A collection of JSON templates and examples demonstrating common techniques and features of the Shotstack platform.
4 |
5 | Shotstack is video automation platform for creating video centric applications. The core of the platform is a highly
6 | scalable, hosted API that can edit, process, manipulate and personalise 1000's of videos concurrently.
7 |
8 | The RESTful API uses JSON to describe the timeline of a video edit which can be posted to the `render` endpoint which
9 | then takes care of delivering a rendered mp4 video file.
10 |
11 | This is a collection of JSON examples to help users get familiar with the system and demonstrate basic video editing
12 | concepts and features of the system.
13 |
14 | ## Requirements
15 |
16 | Before using these examples you will need he following:
17 |
18 | - A Shotstack account and API key, register via the [website](https://shotstack.io).
19 | - [Curl](https://curl.haxx.se/), [Postman](https://www.getpostman.com/) or another application or command line tool for
20 | making RESTful API requests
21 |
22 | Note: This readme provides examples using Curl
23 |
24 | ## Usage
25 |
26 | To run the examples we will provide instructions using Curl. You could easily use an application like Postman or
27 | another application or tool that can post JSON formatted data to an API endpoint.
28 |
29 | This guide assumes Curl is already installed on your environment and you have a basic understanding of posting requests
30 | to an API. Even if you are familiar with working with API's it is worthwhile checking our
31 | [getting started guide](https://shotstack.gitbook.io/docs/guides/getting-started) before using these examples.
32 |
33 | ### Post Render Task
34 |
35 | To queue and render a video example:
36 |
37 | ```
38 | curl -X POST \
39 | -H "Content-Type: application/json" \
40 | -H "x-api-key: YOUR_KEY_HERE" \
41 | -d @examples/ken-burn-effect.json \
42 | https://api.shotstack.io/stage/render
43 | ```
44 |
45 | - In the example above replace `YOUR_KEY_HERE` with your the staging key provided to you during registration.
46 | - `@examples/ken-burn-effect.json` is the example JSON file from the examples folder you wish to render. See the
47 | [Examples](#Examples) table below for a list of examples.
48 | - Notice that we are using the stage endpoint `https://api.shotstack.io/stage/render` which is free for development and
49 | testing.
50 |
51 |
52 | #### Response
53 |
54 | If the POST is successful you will receive a response similar to:
55 |
56 | ```
57 | {
58 | "success":true,
59 | "message":"Created",
60 | "response":{
61 | "message":"Render Successfully Queued",
62 | "id":"d2b46ed6-998a-4d6b-9d91-b8cf0193a655"
63 | }
64 | }
65 | ```
66 |
67 | Take a note of the response id, i.e.: `d2b46ed6-998a-4d6b-9d91-b8cf0193a655`, which we will use in the next step.
68 |
69 | ### Status Check
70 |
71 | Video rendering takes time, usually several seconds per second of video, so a 30 second video might take 30 seconds to
72 | one minute to complete.
73 |
74 | To check the status of render task:
75 |
76 | ```
77 | curl -X GET \
78 | -H "Content-Type: application/json" \
79 | -H "x-api-key: YOUR_KEY_HERE" \
80 | https://api.shotstack.io/stage/render/d2b46ed6-998a-4d6b-9d91-b8cf0193a655
81 | ```
82 |
83 | - Replace `YOUR_KEY_HERE` with your staging environment key.
84 | - Notice we have appended the response id to the end of the request URL
85 | `https://api.shotstack.io/stage/render/d2b46ed6-998a-4d6b-9d91-b8cf0193a655`; you will need to make sure you use the
86 | id returned from the Post Render Task step.
87 |
88 | #### Response
89 |
90 | You can query the render endpoint above until your video has finished rendering. The response you can expect to see is:
91 |
92 | ```
93 | {
94 | "success":true,
95 | "message":"OK",
96 | "response":{
97 | "id":"d2b46ed6-998a-4d6b-9d91-b8cf0193a655",
98 | "owner":"hckwccw3q3",
99 | "plan":"sandbox",
100 | "status":"done",
101 | "url":"https://s3-ap-southeast-2.amazonaws.com/shotstack-api-stage-output/hckwccw3q3/d2b46ed6-998a-4d6b-9d91-b8cf0193a655.mp4",
102 | "poster": null,
103 | "thumbnail": null,
104 | "data":{
105 | "output":{
106 | ...
107 | },
108 | "timeline":{
109 | ...
110 | }
111 | },
112 | "created":"2019-04-16T12:02:42.148Z",
113 | "updated":"2019-04-16T12:02:51.867Z"
114 | }
115 | }
116 | ```
117 |
118 | - While the video is rendering the status will be set to `rendering` and there will be no `url` parameter.
119 | - When complete the status will be set to `done` and a url to an mp4 (or gif) file will be available.
120 | - Copy and paste the URL to your browser to preview the video or download via Curl, wget or via your browser.
121 |
122 | ## Examples
123 |
124 | | Example File | Description | Video |
125 | | ---------------------- | ------------- | ---- |
126 | | [1-min-stitched.json](./examples/1-min-stitched.json) | A 1 minute video made from 5 second clips stitched in sequence. | [Preview](https://youtu.be/wDchsz8nmbo)
127 | | [captions.json](./examples/captions.json) | Add captions to a video in time to the audio. | [Preview](https://youtu.be/8uEkL8DFRdI)
128 | | [carousel.json](./examples/carousel.json) | Carousel animation transition using static images. | [Preview](https://youtu.be/BwZpkhLHfRA)
129 | | [crop.json](./examples/crop.json) | Crop effects using sections of a video. | [Preview](https://youtu.be/vE0r9vNtdZg)
130 | | [ken-burns-effect.json](./examples/ken-burns-effect.json) | Animate static images using zooming and panning, also know as the Ken Burns effect. | [Preview](https://youtu.be/3OTv1AGwmYM)
131 | | [kinetic-text.json](./examples/kinetic-text.json) | Text animation in sync with the music. | [Preview](https://youtu.be/RUxpAnaUTh4)
132 | | [luma-matte.json](./examples/luma-matte.json) | Luma matte demo to create transition effects between clips. | [Preview](https://youtu.be/WkPrJT-wMho)
133 | | [overlay-transition.json](./examples/overlay-transition.json) | Use QuickTime mov with alpha transparency to create cool transitions. | [Preview](https://youtu.be/TYacZ9gnoRA)
134 | | [picture-in-picture.json](./examples/picture-in-picture.json) | Picture in picture demo using layered tracks, clip position and scale. | [Preview](https://youtu.be/qCRNYEwSdDo)
135 | | [snowflake-overlay.json](./examples/snowflake-overlay.json) | Snowflakes alpha matte overlay using luma matte. | [Preview](https://youtu.be/PNzcWZS1IX4)
136 | | [watermark.json](./examples/watermark.json) | Apply a logo watermark to the corners of a video. | [Preview](https://youtu.be/RR6qMeevwIE)
137 |
--------------------------------------------------------------------------------
/examples/crop.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "soundtrack": {
4 | "src": "https://feeds.soundcloud.com/stream/824693758-unminus-majesty.mp3",
5 | "effect": "fadeOut"
6 | },
7 | "background": "#000000",
8 | "tracks": [
9 | {
10 | "clips": [
11 | {
12 | "asset": {
13 | "type": "title",
14 | "text": "CROP DEMO",
15 | "style": "future",
16 | "size": "x-small",
17 | "position": "bottomLeft"
18 | },
19 | "start": 0,
20 | "length": 4,
21 | "transition": {
22 | "in": "fade",
23 | "out": "fade"
24 | }
25 | }
26 | ]
27 | },
28 | {
29 | "clips": [
30 | {
31 | "asset": {
32 | "type": "video",
33 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/surfers.mp4",
34 | "trim": 5,
35 | "crop": {
36 | "left": 0.25,
37 | "right": 0.25
38 | }
39 | },
40 | "start": 0,
41 | "length": 4,
42 | "transition": {
43 | "in": "carouselDown",
44 | "out": "carouselUp"
45 | },
46 | "offset": {
47 | "x": -0.25
48 | }
49 | },
50 | {
51 | "asset": {
52 | "type": "video",
53 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/beach.mp4",
54 | "crop": {
55 | "top": 0.248,
56 | "bottom": 0.25
57 | }
58 | },
59 | "start": 4,
60 | "length": 4,
61 | "offset": {
62 | "y": 0.25
63 | },
64 | "transition": {
65 | "in": "carouselLeft",
66 | "out": "carouselRight"
67 | }
68 | },
69 | {
70 | "asset": {
71 | "type": "video",
72 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/city-timelapse.mp4",
73 | "crop": {
74 | "top": 0.25,
75 | "bottom": 0.25,
76 | "right": 0.25
77 | }
78 | },
79 | "start": 8,
80 | "length": 4,
81 | "offset": {
82 | "x": 0.25
83 | },
84 | "scale": 0.8,
85 | "transition": {
86 | "in": "carouselLeft",
87 | "out": "carouselRight"
88 | }
89 | },
90 | {
91 | "asset": {
92 | "type": "video",
93 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/beach.mp4",
94 | "crop": {
95 | "left": 0.375,
96 | "right": 0.375
97 | }
98 | },
99 | "start": 12,
100 | "length": 4,
101 | "offset": {
102 | "x": -0.375
103 | },
104 | "transition": {
105 | "in": "carouselUp",
106 | "out": "carouselDown"
107 | }
108 | },
109 | {
110 | "asset": {
111 | "type": "video",
112 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/surfers.mp4",
113 | "trim": 10,
114 | "crop": {
115 | "left": 0.375,
116 | "right": 0.375
117 | }
118 | },
119 | "start": 12.3,
120 | "length": 4,
121 | "offset": {
122 | "x": 0.375
123 | },
124 | "transition": {
125 | "in": "carouselUp",
126 | "out": "carouselDown"
127 | }
128 | }
129 | ]
130 | },
131 | {
132 | "clips": [
133 | {
134 | "asset": {
135 | "type": "video",
136 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skier.mp4",
137 | "crop": {
138 | "left": 0.25,
139 | "right": 0.25
140 | }
141 | },
142 | "start": 0,
143 | "length": 4,
144 | "offset": {
145 | "x": 0.25
146 | },
147 | "transition": {
148 | "in": "carouselUp",
149 | "out": "carouselDown"
150 | }
151 | },
152 | {
153 | "asset": {
154 | "type": "video",
155 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/snow-forest.mp4",
156 | "crop": {
157 | "top": 0.25,
158 | "bottom": 0.248
159 | }
160 | },
161 | "start": 4,
162 | "length": 4,
163 | "offset": {
164 | "y": -0.25
165 | },
166 | "transition": {
167 | "in": "carouselRight",
168 | "out": "carouselLeft"
169 | }
170 | },
171 | {
172 | "asset": {
173 | "type": "video",
174 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/mountains.mp4",
175 | "crop": {
176 | "left": 0.25,
177 | "right": 0.25
178 | }
179 | },
180 | "start": 8,
181 | "length": 4,
182 | "offset": {
183 | "x": -0.25
184 | },
185 | "scale": 0.8,
186 | "transition": {
187 | "in": "carouselUp",
188 | "out": "carouselDown"
189 | }
190 | },
191 | {
192 | "asset": {
193 | "type": "video",
194 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/skier.mp4",
195 | "crop": {
196 | "left": 0.375,
197 | "right": 0.375
198 | }
199 | },
200 | "start": 12.1,
201 | "length": 4,
202 | "offset": {
203 | "x": -0.125
204 | },
205 | "transition": {
206 | "in": "carouselUp",
207 | "out": "carouselDown"
208 | }
209 | },
210 | {
211 | "asset": {
212 | "type": "video",
213 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/footage/mountains.mp4",
214 | "crop": {
215 | "left": 0.375,
216 | "right": 0.375
217 | }
218 | },
219 | "start": 12.2,
220 | "length": 4,
221 | "offset": {
222 | "x": 0.125
223 | },
224 | "transition": {
225 | "in": "carouselUp",
226 | "out": "carouselDown"
227 | }
228 | }
229 | ]
230 | },
231 | {
232 | "clips": [
233 | {
234 | "asset": {
235 | "type": "html",
236 | "html": "
",
237 | "width": 1,
238 | "height": 1,
239 | "background": "#000000"
240 | },
241 | "start": 16.4,
242 | "length": 0.04
243 | }
244 | ]
245 | }
246 | ]
247 | },
248 | "output": {
249 | "format": "mp4",
250 | "resolution": "sd"
251 | }
252 | }
--------------------------------------------------------------------------------
/examples/kinetic-text.json:
--------------------------------------------------------------------------------
1 | {
2 | "timeline": {
3 | "tracks": [
4 | {
5 | "clips": [
6 | {
7 | "asset": {
8 | "type": "html",
9 | "html": "Create
",
10 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
11 | "width": 450,
12 | "height": 100,
13 | "position": "center"
14 | },
15 | "start": 0.096,
16 | "length": 0.6,
17 | "transition": {
18 | "in": "zoom"
19 | }
20 | },
21 | {
22 | "asset": {
23 | "type": "html",
24 | "html": "videos
",
25 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
26 | "width": 450,
27 | "height": 100,
28 | "position": "center"
29 | },
30 | "start": 0.72,
31 | "length": 0.62
32 | },
33 | {
34 | "asset": {
35 | "type": "html",
36 | "html": "using
",
37 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
38 | "width": 450,
39 | "height": 100,
40 | "position": "center"
41 | },
42 | "start": 1.38,
43 | "length": 0.22
44 | },
45 | {
46 | "asset": {
47 | "type": "html",
48 | "html": "using html
",
49 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
50 | "width": 450,
51 | "height": 100,
52 | "position": "center"
53 | },
54 | "start": 1.64,
55 | "length": 0.31
56 | },
57 | {
58 | "asset": {
59 | "type": "html",
60 | "html": "using html and
",
61 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
62 | "width": 450,
63 | "height": 100,
64 | "position": "center"
65 | },
66 | "start": 1.99,
67 | "length": 0.26
68 | },
69 | {
70 | "asset": {
71 | "type": "html",
72 | "html": "using html and css
",
73 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
74 | "width": 450,
75 | "height": 100,
76 | "position": "center"
77 | },
78 | "start": 2.29,
79 | "length": 0.31
80 | },
81 | {
82 | "asset": {
83 | "type": "html",
84 | "html": "with
",
85 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold; }",
86 | "width": 450,
87 | "height": 100,
88 | "position": "center"
89 | },
90 | "start": 2.64,
91 | "length": 0.56,
92 | "transition": {
93 | "in": "slideLeft"
94 | }
95 | },
96 | {
97 | "asset": {
98 | "type": "html",
99 | "html": "the
",
100 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold; }",
101 | "width": 450,
102 | "height": 100,
103 | "position": "center"
104 | },
105 | "start": 3.24,
106 | "length": 0.68
107 | },
108 | {
109 | "asset": {
110 | "type": "html",
111 | "html": "Shotstack
",
112 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 34px; text-align: center; font-weight: bold; }",
113 | "width": 450,
114 | "height": 100,
115 | "position": "center"
116 | },
117 | "start": 3.98,
118 | "length": 0.54,
119 | "effect": "zoomIn"
120 | },
121 | {
122 | "asset": {
123 | "type": "html",
124 | "html": "API
",
125 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
126 | "width": 450,
127 | "height": 100,
128 | "position": "center"
129 | },
130 | "start": 4.56,
131 | "length": 0.6,
132 | "transition": {
133 | "in": "slideLeft"
134 | }
135 | },
136 | {
137 | "asset": {
138 | "type": "html",
139 | "html": "AP
",
140 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
141 | "width": 450,
142 | "height": 100,
143 | "position": "center"
144 | },
145 | "start": 5.2,
146 | "length": 0.04
147 | },
148 | {
149 | "asset": {
150 | "type": "html",
151 | "html": "I
",
152 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold; }",
153 | "width": 450,
154 | "height": 100,
155 | "position": "center"
156 | },
157 | "start": 5.28,
158 | "length": 0.04
159 | },
160 | {
161 | "asset": {
162 | "type": "html",
163 | "html": "use
",
164 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
165 | "width": 450,
166 | "height": 100,
167 | "position": "center"
168 | },
169 | "start": 5.36,
170 | "length": 0.22
171 | },
172 | {
173 | "asset": {
174 | "type": "html",
175 | "html": "your
",
176 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
177 | "width": 450,
178 | "height": 100,
179 | "position": "center"
180 | },
181 | "start": 5.62,
182 | "length": 0.22
183 | },
184 | {
185 | "asset": {
186 | "type": "html",
187 | "html": "own
",
188 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
189 | "width": 450,
190 | "height": 100,
191 | "position": "center"
192 | },
193 | "start": 5.86,
194 | "length": 0.22
195 | },
196 | {
197 | "asset": {
198 | "type": "html",
199 | "html": "font
",
200 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
201 | "width": 450,
202 | "height": 100,
203 | "position": "center"
204 | },
205 | "start": 6.12,
206 | "length": 0.2
207 | },
208 | {
209 | "asset": {
210 | "type": "html",
211 | "html": "font
",
212 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
213 | "width": 450,
214 | "height": 100,
215 | "position": "center"
216 | },
217 | "start": 6.36,
218 | "length": 0.26
219 | },
220 | {
221 | "asset": {
222 | "type": "html",
223 | "html": "and
",
224 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
225 | "width": 450,
226 | "height": 100,
227 | "position": "center"
228 | },
229 | "start": 6.66,
230 | "length": 0.3
231 | },
232 | {
233 | "asset": {
234 | "type": "html",
235 | "html": "add
",
236 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
237 | "width": 450,
238 | "height": 100,
239 | "position": "center"
240 | },
241 | "start": 7,
242 | "length": 0.46
243 | },
244 | {
245 | "asset": {
246 | "type": "html",
247 | "html": "color
",
248 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
249 | "width": 450,
250 | "height": 100,
251 | "position": "center"
252 | },
253 | "start": 7.5,
254 | "length": 0.3
255 | },
256 | {
257 | "asset": {
258 | "type": "html",
259 | "html": "color and
",
260 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
261 | "width": 450,
262 | "height": 100,
263 | "position": "center"
264 | },
265 | "start": 7.84,
266 | "length": 0.4
267 | },
268 | {
269 | "asset": {
270 | "type": "html",
271 | "html": "color and style
",
272 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
273 | "width": 450,
274 | "height": 100,
275 | "position": "center"
276 | },
277 | "start": 8.28,
278 | "length": 0.38
279 | },
280 | {
281 | "asset": {
282 | "type": "html",
283 | "html": "color and style
",
284 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold; }",
285 | "width": 450,
286 | "height": 100,
287 | "position": "center"
288 | },
289 | "start": 8.7,
290 | "length": 0.38
291 | },
292 | {
293 | "asset": {
294 | "type": "html",
295 | "html": "to
",
296 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
297 | "width": 450,
298 | "height": 100,
299 | "position": "center"
300 | },
301 | "start": 9.12,
302 | "length": 0.62
303 | },
304 | {
305 | "asset": {
306 | "type": "html",
307 | "html": "one
",
308 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
309 | "width": 450,
310 | "height": 100,
311 | "position": "center"
312 | },
313 | "start": 9.78,
314 | "length": 0.58
315 | },
316 | {
317 | "asset": {
318 | "type": "html",
319 | "html": "one ten
",
320 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
321 | "width": 450,
322 | "height": 100,
323 | "position": "center"
324 | },
325 | "start": 10.4,
326 | "length": 0.26
327 | },
328 | {
329 | "asset": {
330 | "type": "html",
331 | "html": "one ten hundreds
",
332 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
333 | "width": 450,
334 | "height": 100,
335 | "position": "center"
336 | },
337 | "start": 10.7,
338 | "length": 0.26
339 | },
340 | {
341 | "asset": {
342 | "type": "html",
343 | "html": "one ten hundreds thousands
",
344 | "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold; }",
345 | "width": 450,
346 | "height": 100,
347 | "position": "center"
348 | },
349 | "start": 11,
350 | "length": 0.58
351 | },
352 | {
353 | "asset": {
354 | "type": "html",
355 | "html": "of
",
356 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold; }",
357 | "width": 450,
358 | "height": 100,
359 | "position": "center"
360 | },
361 | "start": 11.62,
362 | "length": 0.18
363 | },
364 | {
365 | "asset": {
366 | "type": "html",
367 | "html": "videos
",
368 | "css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold; }",
369 | "width": 450,
370 | "height": 100,
371 | "position": "center"
372 | },
373 | "start": 11.84,
374 | "length": 1,
375 | "effect": "zoomIn",
376 | "transition": {
377 | "out": "zoom"
378 | }
379 | }
380 | ]
381 | },
382 | {
383 | "clips": [
384 | {
385 | "asset": {
386 | "type": "html",
387 | "html": "
",
388 | "width": 1024,
389 | "height": 576,
390 | "background": "#ffffff"
391 | },
392 | "start": 2.64,
393 | "length": 1.32
394 | },
395 | {
396 | "asset": {
397 | "type": "html",
398 | "html": "
",
399 | "width": 1024,
400 | "height": 576,
401 | "background": "#ffffff"
402 | },
403 | "start": 4.56,
404 | "length": 0.76
405 | },
406 | {
407 | "asset": {
408 | "type": "html",
409 | "html": "
",
410 | "width": 1024,
411 | "height": 576,
412 | "background": "#25d3d0"
413 | },
414 | "start": 9.12,
415 | "length": 2.46
416 | },
417 | {
418 | "asset": {
419 | "type": "html",
420 | "html": "
",
421 | "width": 1024,
422 | "height": 576,
423 | "background": "#fc73b4"
424 | },
425 | "start": 11.62,
426 | "length": 1.22
427 | }
428 | ]
429 | },
430 | {
431 | "clips": [
432 | {
433 | "asset": {
434 | "type": "image",
435 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-reverse.png"
436 | },
437 | "start": 12.88,
438 | "length": 4,
439 | "fit": "none",
440 | "transition": {
441 | "in": "slideUp"
442 | }
443 | }
444 | ]
445 | }
446 | ],
447 | "fonts": [
448 | {
449 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Lato-Bold.ttf"
450 | },
451 | {
452 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/IndieFlower-Regular.ttf"
453 | },
454 | {
455 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/PermanentMarker-Regular.ttf"
456 | }
457 | ],
458 | "background": "#000000",
459 | "soundtrack": {
460 | "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/audiojungle/stomp_preview.mp3",
461 | "effect": "fadeOut"
462 | }
463 | },
464 | "output": {
465 | "format": "mp4",
466 | "resolution": "sd"
467 | }
468 | }
469 |
--------------------------------------------------------------------------------