Playground
从真实样片开始，编辑 JSON，预览属于你的版本。
JSON Schema
pg-title-sequence.json
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258
{
"meta": {
"version": "2.0.0",
"title": "Design in motion",
"description": "Original editable Playground example. Rendered with the RenderingVideo schema engine.",
"width": 960,
"height": 540,
"fps": 30,
"background": "#E7BDB4"
},
"assets": {
"fonts": [
{
"id": "jakarta",
"src": "/samples/jakarta.woff2",
"family": "Jakarta",
"weight": "200 800"
}
]
},
"tracks": [
{
"id": "composition",
"clips": [
{
"type": "rect",
"start": 0,
"duration": 6,
"transform": {
"x": 0,
"y": 0,
"width": 960,
"height": 540
},
"style": {
"fill": "#E7BDB4"
}
},
{
"type": "text",
"text": "STUDIO JOURNAL",
"start": 0,
"duration": 6,
"transform": {
"x": 0,
"y": -195
},
"style": {
"fontFamily": "Jakarta",
"fontSize": 15,
"fontWeight": 700,
"fill": "#4C302C"
}
},
{
"type": "line",
"points": [
[
-405,
-150
],
[
405,
-150
]
],
"start": 0,
"duration": 6,
"style": {
"stroke": "#936C64",
"strokeWidth": 1
}
},
{
"type": "text",
"text": "DESIGN",
"start": 0.2,
"duration": 3.4,
"transform": {
"x": -70,
"y": -53
},
"style": {
"fontFamily": "Jakarta",
"fontSize": 106,
"fontWeight": 700,
"fill": "#392C29"
},
"animations": [
{
"type": "slideIn",
"direction": "right",
"distance": 65,
"duration": 0.55,
"easing": "easeOutCubic"
},
{
"type": "fadeIn",
"duration": 0.4
}
]
},
{
"type": "text",
"text": "IN MOTION",
"start": 0.55,
"duration": 3.05,
"transform": {
"x": 26,
"y": 60
},
"style": {
"fontFamily": "Jakarta",
"fontSize": 81,
"fontWeight": 700,
"fill": "#392C29"
},
"animations": [
{
"type": "slideIn",
"direction": "left",
"distance": 65,
"duration": 0.55,
"easing": "easeOutCubic"
},
{
"type": "fadeIn",
"duration": 0.4
}
]
},
{
"type": "rect",
"start": 1.1,
"duration": 2.5,
"transform": {
"x": 0,
"y": 147,
"width": 140,
"height": 7
},
"style": {
"fill": "#B54732"
},
"keyframes": [
{
"property": "scale",
"frames": [
{
"time": 0,
"value": [
0.02857142857142857,
1
],
"easing": "easeInOutCubic"
},
{
"time": 0.7,
"value": [
1.0,
1
],
"easing": "easeInOutCubic"
},
{
"time": 2.5,
"value": [
1.9285714285714286,
1
],
"easing": "easeInOutCubic"
}
]
}
]
},
{
"type": "rect",
"start": 3.6,
"duration": 2.4,
"transform": {
"x": 0,
"y": 0,
"width": 960,
"height": 540
},
"style": {
"fill": "#392C29"
},
"transition": {
"type": "wipe",
"direction": "up",
"duration": 0.45
}
},
{
"type": "text",
"text": "Ideas take shape.",
"start": 3.9,
"duration": 2.1,
"transform": {
"x": 0,
"y": -18
},
"style": {
"fontFamily": "Jakarta",
"fontSize": 60,
"fontWeight": 700,
"fill": "#F7EDE8"
},
"animations": [
{
"type": "slideIn",
"direction": "up",
"distance": 35,
"duration": 0.55,
"easing": "easeOutCubic"
},
{
"type": "fadeIn",
"duration": 0.4
}
]
},
{
"type": "text",
"text": "A TITLE SEQUENCE",
"start": 4.25,
"duration": 1.75,
"transform": {
"x": 0,
"y": 74
},
"style": {
"fontFamily": "Jakarta",
"fontSize": 16,
"fontWeight": 700,
"fill": "#E7BDB4"
},
"animations": [
{
"type": "slideIn",
"direction": "up",
"distance": 15,
"duration": 0.55,
"easing": "easeOutCubic"
},
{
"type": "fadeIn",
"duration": 0.4
}
]
}
]
}
]
}
结构检查通过258 行
预览
错落文字入场与转场。试着修改标题、字号或出现时间。 当前播放样片原始成片。修改代码后，生成预览查看效果。
当前场景构成
- 分辨率
- 960 × 540
- 时长
- 6 s
- 帧率
- 30 FPS
文字5画面4
无需登录，预览不消耗积分。快捷生成⌘ / CtrlEnter
从一个小改动开始
选一个修改方向，理解关键字段，再回到示例中试一试。
text / style找到 text 类型的片段，替换文案，再用 fontSize 调整字号。先改一处，观察它如何改变画面。
字段片段
"text": "YOUR NEXT IDEA",
"style": {
"fontSize": 81,
"fill": "#392C29"
}继续创作前，你可能想知道
预览、保存和正式成片的区别。
为什么改了 JSON，画面还没变化？
「样片成片」显示的是原始示例。修改 JSON 后，点击「生成预览」，再查看「我的预览」。生成前会先检查结构是否有效。
修改后的 JSON 会保存吗？
在当前页面切换示例会保留各自的修改，刷新或关闭页面后会清空。用编辑器的「下载 JSON」保存到本地，也可以复制代码自行保存。
怎样得到正式的 MP4 视频？
这里生成的是有效期为 7 天的临时预览。需要正式成片时，可以通过 Agent 或 API 创建并渲染视频任务；正式渲染会消耗积分。