src/features/ecommerce/EcommerceVideoWorkspace.tsx

@@ -426,7 +426,7 @@ export default function EcommerceVideoWorkspace({
       persistScenes(currentScenes.map((s) => s.sceneId === scene.sceneId ? { ...s, status: "pending", error: undefined } : s));
       try {
         await renderSceneImage(
-          { sceneId: scene.sceneId, prompt: scene.prompt, aspectRatio: ratio },
+          { sceneId: scene.sceneId, prompt: scene.prompt, aspectRatio: ratio, productImageUrls: sourceImageUrls },
           {
             onSceneImageSubmitted: (id, taskId) => {
             persistScenes(currentScenes.map((s) => s.sceneId === id ? { ...s, imageTaskId: taskId, status: "running" } : s));
@@ -481,7 +481,7 @@ export default function EcommerceVideoWorkspace({
       persistScenes(currentScenes.map((s) => s.sceneId === scene.sceneId ? { ...s, status: "pending", error: undefined } : s));
       try {
         await renderScene(
-          { sceneId: scene.sceneId, prompt: scene.prompt, durationSeconds: scene.durationSeconds, imageUrl: scene.imageUrl, aspectRatio, resolution: quality },
+          { sceneId: scene.sceneId, prompt: scene.prompt, durationSeconds: scene.durationSeconds, imageUrl: scene.imageUrl, productImageUrls: sourceImageUrls, aspectRatio, resolution: quality },
           {
             onSceneSubmitted: (id, taskId) => {
               persistScenes(currentScenes.map((s) => s.sceneId === id ? { ...s, taskId, status: "running" } : s));
@@ -524,7 +524,7 @@ export default function EcommerceVideoWorkspace({
     setScenes((prev) => prev.map((s) => s.sceneId === scene.sceneId ? { ...s, status: "pending", error: undefined } : s));
     try {
       await renderScene(
-        { sceneId: scene.sceneId, prompt: scene.prompt, durationSeconds: scene.durationSeconds, imageUrl: scene.imageUrl!, aspectRatio, resolution: mapResolutionToQuality(resolution) },
+        { sceneId: scene.sceneId, prompt: scene.prompt, durationSeconds: scene.durationSeconds, imageUrl: scene.imageUrl!, productImageUrls: sourceImageUrls, aspectRatio, resolution: mapResolutionToQuality(resolution) },
         {
           onSceneSubmitted: (id, taskId) => setScenes((prev) => prev.map((s) => s.sceneId === id ? { ...s, taskId, status: "running" } : s)),
           onSceneProgress: (id, progress) => setScenes((prev) => prev.map((s) => s.sceneId === id ? { ...s, progress } : s)),

src/features/ecommerce/ecommerceVideoService.ts

@@ -152,6 +152,7 @@ export interface RenderSceneImageInput {
   sceneId: number;
   prompt: string;
   aspectRatio: string;
+  productImageUrls: string[];
 }
 
 export interface RenderImageCallbacks {
@@ -171,6 +172,7 @@ export async function renderSceneImage(
     prompt: input.prompt,
     ratio: input.aspectRatio,
     quality: "2K",
+    referenceUrls: input.productImageUrls,
   });
 
   callbacks.onSceneImageSubmitted(input.sceneId, taskId);
@@ -192,6 +194,7 @@ export interface RenderSceneInput {
   prompt: string;
   durationSeconds: number;
   imageUrl: string;
+  productImageUrls: string[];
   aspectRatio: string;
   resolution: string;
   model?: string;
@@ -209,9 +212,10 @@ export async function renderScene(
   callbacks: RenderCallbacks,
   abortRef: { current: boolean },
 ): Promise<void> {
+  const allReferenceUrls = [...input.productImageUrls, input.imageUrl];
   const model = resolveVideoRequestModel({
     model: input.model || "happyhorse-1.0",
-    referenceUrls: [input.imageUrl],
+    referenceUrls: allReferenceUrls,
   });
 
   const { taskId } = await aiGenerationClient.createVideoTask({
@@ -222,7 +226,7 @@ export async function renderScene(
     quality: input.resolution,
     resolution: input.resolution,
     frameMode: "start-end",
-    referenceUrls: [input.imageUrl],
+    referenceUrls: allReferenceUrls,
     hasReferenceVideo: false,
   });