UI DemoAIVideoAPIKie

Unified Seedance 2 Generator

同一套生成器页面，前端只表达统一的创作意图；右侧实时展示如何映射到 AIVideoAPI 或 Kie 的 provider contract。

Step 1

Shared Frontend Intent

页面不直接绑定某家 provider 的字段名，只维护统一场景、参考素材和输出参数。

Reference Images

角色、材质、风格来源

hero-character.png

https://assets.seedance2.cloud/images/ref_003.png

lighting-style.jpg

https://assets.seedance2.cloud/images/ref_1083.jpg

Reference Videos

运镜和节奏来源

camera-rhythm.mp4

https://assets.seedance2.cloud/uploads/video/01edd658611455ff69ac4a6d1b19dfb8.mp4

Reference Audios

节拍、口播或环境音来源

beat-guide.mp3

https://assets.seedance2.cloud/uploads/audio/14ced86c38a406476ff567cd37c2eb15.mp3

Prompt Workspace

保留统一创作体验；`@image1 / @video1 / @audio1` 是否展示由 provider 能力决定。

@image1@image2@video1@audio1

Duration

Resolution

Aspect Ratio

Demo CTA

这一步只验证界面结构，不触发真实生成。

Provider Mapping Preview

同一份前端状态，切换不同 provider 时只变 adapter，不变页面结构。

Scene

Omni Reference

Adapter target

doubao-seedance-2.0

Unified Intent

{
  "scene": "omni-reference",
  "prompt": "让红色跑车沿着参考视频的运镜节奏前进，并保留参考图片里的角色质感。",
  "params": {
    "duration": 10,
    "resolution": "720p",
    "aspect_ratio": "16:9",
    "generate_audio": true,
    "web_search": false,
    "return_last_frame": false
  },
  "references": {
    "images": [
      "https://assets.seedance2.cloud/images/ref_003.png",
      "https://assets.seedance2.cloud/images/ref_1083.jpg"
    ],
    "videos": [
      "https://assets.seedance2.cloud/uploads/video/01edd658611455ff69ac4a6d1b19dfb8.mp4"
    ],
    "audios": [
      "https://assets.seedance2.cloud/uploads/audio/14ced86c38a406476ff567cd37c2eb15.mp3"
    ]
  }
}

AIVideoAPI mapping

{
  "provider": "aivideoapi.ai",
  "model": "doubao-seedance-2.0",
  "endpoint": "POST /v1/videos/generations",
  "input": {
    "prompt": "让红色跑车沿着参考视频的运镜节奏前进，并保留参考图片里的角色质感。",
    "generation_type": "omni_reference",
    "duration": 10,
    "aspect_ratio": "16:9",
    "resolution": "720p",
    "generate_audio": true,
    "web_search": false,
    "image_urls": [
      "https://assets.seedance2.cloud/images/ref_003.png",
      "https://assets.seedance2.cloud/images/ref_1083.jpg"
    ],
    "video_urls": [
      "https://assets.seedance2.cloud/uploads/video/01edd658611455ff69ac4a6d1b19dfb8.mp4"
    ],
    "audio_urls": [
      "https://assets.seedance2.cloud/uploads/audio/14ced86c38a406476ff567cd37c2eb15.mp3"
    ]
  }
}

UI Direction Notes

可以借 seedance2.ai 的地方

保持首屏克制，把“Add end frame”做成显式入口，比单独抛出“首尾帧模式”更直观。

不建议直接照搬的地方

像 `Contains Real People` 这种按钮，如果 upstream contract 还不稳定，就先只借布局，不要先承诺功能。

aivideoapi: `image_urls / video_urls / audio_urls`kie: `reference_* / first_frame_url / last_frame_url`same page, different adapter

Unified Seedance 2 Generator

Advanced