- {references.map((item) => (
+ {references.map((item, index) => (
- {videoReferences.map((item) => (
+ {videoReferences.map((item, index) => (
+ {seedanceReferenceLabel("video", index)}
+ setVideoReferences((value) => moveListItem(value, index, offset))} />
@@ -383,13 +392,15 @@ export default function VideoPage() {
- {audioReferences.map((item) => (
+ {audioReferences.map((item, index) => (
+ {seedanceReferenceLabel("audio", index)}
{item.name}
+
setAudioReferences((value) => moveListItem(value, index, offset))} />
@@ -698,6 +709,24 @@ function filterAudioReferencesByDuration(existing: ReferenceAudio[], next: Refer
return accepted;
}
+function moveListItem(items: T[], index: number, offset: number) {
+ const targetIndex = index + offset;
+ if (targetIndex < 0 || targetIndex >= items.length) return items;
+ const next = [...items];
+ [next[index], next[targetIndex]] = [next[targetIndex], next[index]];
+ return next;
+}
+
+function ReferenceOrderButtons({ index, total, onMove }: { index: number; total: number; onMove: (offset: number) => void }) {
+ if (total <= 1) return null;
+ return (
+
+ } disabled={index <= 0} onClick={() => onMove(-1)} />
+ } disabled={index >= total - 1} onClick={() => onMove(1)} />
+
+ );
+}
+
function normalizeLogConfig(log: Partial): GenerationLogConfig {
return {
model: log.config?.model || log.model || "",
diff --git a/web/src/lib/seedance-video.ts b/web/src/lib/seedance-video.ts
index 35c00b9..4194396 100644
--- a/web/src/lib/seedance-video.ts
+++ b/web/src/lib/seedance-video.ts
@@ -1,4 +1,6 @@
import type { AiConfig } from "@/stores/use-config-store";
+import type { ReferenceImage } from "@/types/image";
+import type { ReferenceAudio, ReferenceVideo } from "@/types/media";
export const SEEDANCE_REFERENCE_LIMITS = {
images: 9,
@@ -123,3 +125,44 @@ export function boolConfig(value: string | undefined, fallback: boolean) {
if (value === "false") return false;
return fallback;
}
+
+export function seedanceReferenceLabel(kind: "image" | "video" | "audio", index: number) {
+ if (kind === "image") return `图片${index + 1}`;
+ if (kind === "video") return `视频${index + 1}`;
+ return `音频${index + 1}`;
+}
+
+export function buildSeedancePromptText(prompt: string, images: ReferenceImage[], videos: ReferenceVideo[], audios: ReferenceAudio[]) {
+ const labels = [
+ ...images.map((_, index) => seedanceReferenceLabel("image", index)),
+ ...videos.map((_, index) => seedanceReferenceLabel("video", index)),
+ ...audios.map((_, index) => seedanceReferenceLabel("audio", index)),
+ ];
+ const text = prompt.trim();
+ if (!labels.length) return text;
+ return `参考素材编号：${labels.join("、")}。请按这些编号理解提示词中的图片、视频和音频引用。\n\n${text}`;
+}
+
+export function seedanceVideoReferenceError(videos: ReferenceVideo[]) {
+ let totalDurationMs = 0;
+ for (let index = 0; index < videos.length; index += 1) {
+ const video = videos[index];
+ const label = seedanceReferenceLabel("video", index);
+ if (video.bytes && video.bytes > SEEDANCE_REFERENCE_LIMITS.videoMaxBytes) return `${label} 超过 50MB，请压缩后再上传`;
+ if (video.durationMs) {
+ if (video.durationMs < 2000 || video.durationMs > 15000) return `${label} 时长需要在 2-15 秒之间`;
+ totalDurationMs += video.durationMs;
+ }
+ if (video.width && video.height) {
+ if (video.width < 300 || video.width > 6000 || video.height < 300 || video.height > 6000) return `${label} 宽高需要在 300-6000px 之间`;
+ const ratio = video.width / video.height;
+ if (ratio < 0.4 || ratio > 2.5) return `${label} 宽高比需要在 0.4-2.5 之间`;
+ const pixels = video.width * video.height;
+ if (pixels < 640 * 640 || pixels > 2206 * 946) return `${label} 像素总量不符合 Seedance 要求，请转成 480p/720p/1080p 后再上传`;
+ }
+ }
+ if (totalDurationMs > 15000) return "Seedance 参考视频总时长不能超过 15 秒";
+ return "";
+}
+
+export const seedanceVideoReferenceHint = "参考视频需为 mp4/mov，H.264/H.265，FPS 24-60；含真人人脸素材请使用火山授权 asset:// 素材。";
diff --git a/web/src/services/api/video.ts b/web/src/services/api/video.ts
index 37522f8..ef02431 100644
--- a/web/src/services/api/video.ts
+++ b/web/src/services/api/video.ts
@@ -3,7 +3,7 @@ import axios from "axios";
import { dataUrlToFile } from "@/lib/image-utils";
import { getMediaBlob, uploadMediaFile, type UploadedFile } from "@/services/file-storage";
import { imageToDataUrl } from "@/services/image-storage";
-import { boolConfig, isSeedanceVideoConfig, normalizeSeedanceDuration, normalizeSeedanceRatio, normalizeSeedanceResolution, SEEDANCE_REFERENCE_LIMITS } from "@/lib/seedance-video";
+import { boolConfig, buildSeedancePromptText, isSeedanceVideoConfig, normalizeSeedanceDuration, normalizeSeedanceRatio, normalizeSeedanceResolution, seedanceVideoReferenceError, SEEDANCE_REFERENCE_LIMITS } from "@/lib/seedance-video";
import { buildApiUrl, type AiConfig } from "@/stores/use-config-store";
import { useUserStore } from "@/stores/use-user-store";
import type { ReferenceImage } from "@/types/image";
@@ -130,6 +130,8 @@ async function requestSeedanceGeneration(config: AiConfig, model: string, prompt
}
function assertSeedanceVideoReferences(videoReferences: ReferenceVideo[]) {
+ const error = seedanceVideoReferenceError(videoReferences);
+ if (error) throw new Error(error);
let total = 0;
for (const video of videoReferences) {
if (!video.durationMs) continue;
@@ -156,7 +158,7 @@ function seedanceApiUrl(config: AiConfig, taskId?: string) {
async function buildSeedanceContent(config: AiConfig, prompt: string, references: ReferenceImage[], videoReferences: ReferenceVideo[], audioReferences: ReferenceAudio[]) {
const content: Array> = [];
- const text = prompt.trim();
+ const text = buildSeedancePromptText(prompt, references, videoReferences, audioReferences);
if (text) content.push({ type: "text", text });
for (const image of references.slice(0, SEEDANCE_REFERENCE_LIMITS.images)) {
content.push({ type: "image_url", image_url: { url: await resolveSeedanceImageUrl(config, image) }, role: "reference_image" });
diff --git a/web/src/types/media.ts b/web/src/types/media.ts
index 84d4e2d..dd1454c 100644
--- a/web/src/types/media.ts
+++ b/web/src/types/media.ts
@@ -4,6 +4,9 @@ export type ReferenceVideo = {
type: string;
url: string;
storageKey?: string;
+ bytes?: number;
+ width?: number;
+ height?: number;
durationMs?: number;
};
- {imageIndex + 1}
+ {seedanceReferenceLabel("image", imageIndex)}