468d1d27dd
- 移除未登录全页面拦截,改为浏览自由 + 功能使用时弹窗 - 修复PageTransition退出动画卡死导致黑屏的bug - CanvasPage添加加载中状态避免首次访问黑屏假死 - 全站7个工具页添加页面保活机制,切页后台任务不中断 - 修复未登录时401误触发"用户已在别处登录"弹窗 - 删除MorePage模板板块、微信登录、EcommerceTemplates/SizeTemplate路由 - 剧本评分接入DashScope qwen3.7-max直连API - 电商视频生成重构为3阶段可视管线(策划→生成图片→生成视频) - 电商视频保活增强:异步函数直接写localStorage避免卸载丢失 - Workbench侧边栏移除mode过滤,三模式共用同一对话列表 - 首页更新轮播图/背景视频、按钮跳转修正、文案优化 - AppShell顶栏新增网站备案信息按钮 - 多个页面的terminate/cancel按钮覆盖、单镜头重试、批量保存下载 Co-Authored-By: Claude Code <noreply@anthropic.com>
192 lines
5.9 KiB
TypeScript
192 lines
5.9 KiB
TypeScript
import {
|
|
analyzeProductImages,
|
|
buildProductSummary,
|
|
extractSellingPoints,
|
|
generateCreativeOptions,
|
|
generateStoryboard,
|
|
generateVideoPrompts,
|
|
checkCompliance,
|
|
type AdVideoUserConfig,
|
|
} from "../../api/adVideoPlanClient";
|
|
import { aiGenerationClient } from "../../api/aiGenerationClient";
|
|
import { waitForTask } from "../../api/taskSubscription";
|
|
import { resolveVideoRequestModel } from "../../utils/resolveVideoModel";
|
|
import type {
|
|
EcommerceVideoPlanResult,
|
|
EcommerceVideoSceneTask,
|
|
PlanStep,
|
|
} from "./ecommerceVideoTypes";
|
|
|
|
export interface PlanCallbacks {
|
|
onStepStart: (step: PlanStep) => void;
|
|
onStepDone: (step: PlanStep) => void;
|
|
onImagesUploaded?: (urls: string[]) => void;
|
|
signal?: AbortSignal;
|
|
}
|
|
|
|
export async function runVideoPlan(
|
|
imageDataUrls: string[],
|
|
manualText: string,
|
|
config: AdVideoUserConfig,
|
|
callbacks: PlanCallbacks,
|
|
): Promise<EcommerceVideoPlanResult> {
|
|
const { onStepStart, onStepDone, signal } = callbacks;
|
|
|
|
onStepStart("upload");
|
|
const imageUrls: string[] = [];
|
|
const SUPPORTED_IMAGE_TYPES = new Set(["image/jpeg", "image/png", "image/webp", "image/gif"]);
|
|
for (const srcUrl of imageDataUrls) {
|
|
try {
|
|
const resp = await fetch(srcUrl);
|
|
const rawBlob = await resp.blob();
|
|
const mimeType = SUPPORTED_IMAGE_TYPES.has(rawBlob.type) ? rawBlob.type : "image/png";
|
|
const blob = rawBlob.type === mimeType ? rawBlob : new Blob([rawBlob], { type: mimeType });
|
|
const result = await aiGenerationClient.uploadAssetBinary(blob, { mimeType, scope: "ecommerce-product" });
|
|
imageUrls.push(result.url);
|
|
} catch {
|
|
// skip images that fail to upload
|
|
}
|
|
}
|
|
if (!imageUrls.length) throw new Error("图片上传失败,请检查图片格式或网络后重试");
|
|
onStepDone("upload");
|
|
callbacks.onImagesUploaded?.(imageUrls);
|
|
|
|
onStepStart("analyze");
|
|
const imageDesc = await analyzeProductImages(imageUrls, signal);
|
|
onStepDone("analyze");
|
|
|
|
onStepStart("summary");
|
|
const summary = await buildProductSummary(imageDesc, manualText, signal);
|
|
onStepDone("summary");
|
|
|
|
onStepStart("selling");
|
|
const selling = await extractSellingPoints(summary, signal);
|
|
onStepDone("selling");
|
|
|
|
onStepStart("creative");
|
|
const creatives = await generateCreativeOptions(selling, config, signal);
|
|
if (!creatives.length) throw new Error("未能生成有效的广告创意");
|
|
onStepDone("creative");
|
|
|
|
onStepStart("storyboard");
|
|
const storyboard = await generateStoryboard(creatives[0], summary, config, signal);
|
|
onStepDone("storyboard");
|
|
|
|
onStepStart("prompts");
|
|
const videoPrompts = await generateVideoPrompts(storyboard, summary, signal);
|
|
onStepDone("prompts");
|
|
|
|
onStepStart("compliance");
|
|
const compliance = await checkCompliance(summary, selling, storyboard, signal);
|
|
onStepDone("compliance");
|
|
|
|
return { imageUrls, summary, selling, creatives, storyboard, videoPrompts, compliance };
|
|
}
|
|
|
|
export interface RenderSceneImageInput {
|
|
sceneId: number;
|
|
prompt: string;
|
|
aspectRatio: string;
|
|
}
|
|
|
|
export interface RenderImageCallbacks {
|
|
onSceneImageSubmitted: (sceneId: number, taskId: string) => void;
|
|
onSceneImageProgress: (sceneId: number, progress: number) => void;
|
|
onSceneImageCompleted: (sceneId: number, resultUrl: string) => void;
|
|
onSceneImageFailed: (sceneId: number, error: string) => void;
|
|
}
|
|
|
|
export async function renderSceneImage(
|
|
input: RenderSceneImageInput,
|
|
callbacks: RenderImageCallbacks,
|
|
abortRef: { current: boolean },
|
|
): Promise<void> {
|
|
const { taskId } = await aiGenerationClient.createImageTask({
|
|
model: "gpt-image-2",
|
|
prompt: input.prompt,
|
|
ratio: input.aspectRatio,
|
|
quality: "2K",
|
|
});
|
|
|
|
callbacks.onSceneImageSubmitted(input.sceneId, taskId);
|
|
|
|
const resultUrl = await waitForTask(taskId, {
|
|
abortRef,
|
|
onProgress: (e) => callbacks.onSceneImageProgress(input.sceneId, e.progress),
|
|
});
|
|
|
|
if (resultUrl) {
|
|
callbacks.onSceneImageCompleted(input.sceneId, resultUrl);
|
|
} else {
|
|
callbacks.onSceneImageFailed(input.sceneId, "图片生成未返回结果");
|
|
}
|
|
}
|
|
|
|
export interface RenderSceneInput {
|
|
sceneId: number;
|
|
prompt: string;
|
|
durationSeconds: number;
|
|
imageUrl: string;
|
|
aspectRatio: string;
|
|
resolution: string;
|
|
model?: string;
|
|
}
|
|
|
|
export interface RenderCallbacks {
|
|
onSceneSubmitted: (sceneId: number, taskId: string) => void;
|
|
onSceneProgress: (sceneId: number, progress: number) => void;
|
|
onSceneCompleted: (sceneId: number, resultUrl: string) => void;
|
|
onSceneFailed: (sceneId: number, error: string) => void;
|
|
}
|
|
|
|
export async function renderScene(
|
|
input: RenderSceneInput,
|
|
callbacks: RenderCallbacks,
|
|
abortRef: { current: boolean },
|
|
): Promise<void> {
|
|
const model = resolveVideoRequestModel({
|
|
model: input.model || "happyhorse-1.0",
|
|
referenceUrls: [input.imageUrl],
|
|
});
|
|
|
|
const { taskId } = await aiGenerationClient.createVideoTask({
|
|
model,
|
|
prompt: input.prompt,
|
|
ratio: input.aspectRatio,
|
|
duration: input.durationSeconds,
|
|
quality: input.resolution,
|
|
resolution: input.resolution,
|
|
frameMode: "start-end",
|
|
referenceUrls: [input.imageUrl],
|
|
hasReferenceVideo: false,
|
|
});
|
|
|
|
callbacks.onSceneSubmitted(input.sceneId, taskId);
|
|
|
|
const resultUrl = await waitForTask(taskId, {
|
|
abortRef,
|
|
onProgress: (e) => callbacks.onSceneProgress(input.sceneId, e.progress),
|
|
});
|
|
|
|
if (resultUrl) {
|
|
callbacks.onSceneCompleted(input.sceneId, resultUrl);
|
|
} else {
|
|
callbacks.onSceneFailed(input.sceneId, "任务未返回结果");
|
|
}
|
|
}
|
|
|
|
export function buildSceneTasks(
|
|
plan: EcommerceVideoPlanResult,
|
|
): EcommerceVideoSceneTask[] {
|
|
return plan.storyboard.scenes.map((scene) => {
|
|
const matchedPrompt = plan.videoPrompts.find((p) => p.scene_id === scene.scene_id);
|
|
return {
|
|
sceneId: scene.scene_id,
|
|
prompt: matchedPrompt?.positive_prompt || scene.visual_description,
|
|
durationSeconds: Number.parseInt(scene.duration, 10) || 5,
|
|
status: "idle" as const,
|
|
progress: 0,
|
|
};
|
|
});
|
|
}
|