把影片的結構(場景、文字、圖片、動畫、時間軸)用 JSON 描述,再由工具自動渲染成影片檔(MP4)。本質是「程式化影片生成」,JSON 只是描述格式。
| 工具 | 類型 | 免費方案 | 付費起價 | 特色 |
|---|---|---|---|---|
| Remotion | 開源框架 | 完全免費(自架) | Lambda 按量計費 | React+TS 寫影片,最靈活,社群活躍 |
| Shotstack | API 服務 | 有(浮水印) | ~$39/月 | 真正 JSON-to-Video API,後端整合方便 |
| JSON2Video | API 服務 | 有限試用 | ~$25/月 | 最直白,有 playground 可貼 JSON 預覽 |
| Creatomate | API+編輯器 | 有限 | ~$39/月 | 有視覺化模板編輯器,不用手寫 JSON |
| FFCreator | 開源庫 | 完全免費 | — | Node.js,基於 FFmpeg,輕量 |
| Plainly | API 服務 | 試用 | 依用量 | 支援 After Effects 模板 + JSON 資料 |
以 Shotstack 風格的 JSON 為例:
{
"timeline": {
"tracks": [{
"clips": [
{
"asset": { "type": "title", "text": "Hello World", "style": "minimal" },
"start": 0, "length": 5,
"transition": { "in": "fade", "out": "fade" }
},
{
"asset": { "type": "image", "src": "https://example.com/photo.jpg" },
"start": 5, "length": 4
}
]
}],
"background": "#000000"
},
"output": { "format": "mp4", "resolution": "hd" }
}
| 目標 | 推薦工具 | 說明 |
|---|---|---|
| 最快上手 | JSON2Video 或 Shotstack playground | 貼 JSON 就能預覽,零設定 |
| 最省錢最靈活 | Remotion | 需會 React,但完全免費且自由度最高 |
| 不想寫程式 | Creatomate 視覺編輯器 | 拖拉介面 + API 輸出,適合非工程師 |