Mux 提供面向开发者的视频 API,帮助将视频集成并扩展到网站、平台和 AI 工作流,并支持获取转录、剪辑和分镜等数据以用于摘要、翻译与内容处理。
// You can get a storyboard as data (.json or .webvtt) or an image (.webp, .jpg, or .png)
const playbackId = "dE02GfTAlJD4RcqNAlgiS2m00LqbdFqlBm";
const response = await fetch(`https://image.mux.com/${playbackId}/storyboard.json`)
console.log(await response.json())
/* {
"storyboard": {
"url": "https://image.mux.com/Ljxts2USDNC18YsA8u2Ik1iZCcO5YcBT/storyboard.jpg",
"webpUrl": "https://image.mux.com/Ljxts2USDNC18YsA8u2Ik1iZCcO5YcBT/storyboard.webp",
"tile_width": 284,
"tile_height": 160,
"calc_storyboard_width": 1420,
"calc_storyboard_height": 1120,
"duration": 34.334,
"tiles": [
{
"start": 0,
"x": 0,
"y": 0
},
{
"start": 0.978,
"x": 284,
"y": 0
},
{
"start": 1.956,
"x": 568,
"y": 0
},
{
"start": 2.934,
"x": 852,
"y": 0
},
{
"start": 3.912,
"x": 1136,
"y": 0
},
{
"start": 4.891,
"x": 0,
"y": 160
},
{
"start": 5.869,
"x": 284,
"y": 160
},
{
"start": 6.847,
"x": 568,
"y": 160
},
{
"start": 7.825,
"x": 852,
"y": 160
},
{
"start": 8.803,
"x": 1136,
"y": 160
},
{
"start": 9.781,
"x": 0,
"y": 320
},
{
"start": 10.759,
"x": 284,
"y": 320
},
{
"start": 11.737,
"x": 568,
"y": 320
},
{
"start": 12.716,
"x": 852,
"y": 320
},
{
"start": 13.694,
"x": 1136,
"y": 320
},
{
"start": 14.672,
"x": 0,
"y": 480
},
{
"start": 15.65,
"x": 284,
"y": 480
},
{
"start": 16.628,
"x": 568,
"y": 480
},
{
"start": 17.606,
"x": 852,
"y": 480
},
{
"start": 18.584,
"x": 1136,
"y": 480
},
{
"start": 19.562,
"x": 0,
"y": 640
},
{
"start": 20.541,
"x": 284,
"y": 640
},
{
"start": 21.519,
"x": 568,
"y": 640
},
{
"start": 22.497,
"x": 852,
"y": 640
},
{
"start": 23.475,
"x": 1136,
"y": 640
},
{
"start": 24.453,
"x": 0,
"y": 800
},
{
"start": 25.431,
"x": 284,
"y": 800
},
{
"start": 26.409,
"x": 568,
"y": 800
},
{
"start": 27.387,
"x": 852,
"y": 800
},
{
"start": 28.366,
"x": 1136,
"y": 800
},
{
"start": 29.344,
"x": 0,
"y": 960
},
{
"start": 30.322,
"x": 284,
"y": 960
},
{
"start": 31.3,
"x": 568,
"y": 960
},
{
"start": 32.278,
"x": 852,
"y": 960
},
{
"start": 33.256,
"x": 1136,
"y": 960
}
]
},
"error": null
} */