mulmocast 2.6.4 → 2.6.6

package/scripts/test/test_lipsync2.json

@@ -1,66 +1,62 @@
 {
-  "$mulmocast": {
-    "version": "1.1",
-    "credit": "closing"
-  },
-  "canvasSize": {
-    "width": 1280,
-    "height": 720
+  "$mulmocast": { "version": "1.1" },
+  "lipSyncParams": {
+    "provider": "replicate",
+    "model": "bytedance/latentsync"
   },
-  "speechParams": {
-    "speakers": {
-      "Presenter": {
-        "displayName": {
-          "en": "Presenter"
-        },
-        "voiceId": "shimmer",
-        "provider": "openai"
-      }
-    }
+  "audioParams": {
+    "bgmVolume": 0.01,
+    "introPadding": 0,
+    "padding": 0.0
   },
   "imageParams": {
-    "provider": "openai",
     "images": {
-      "woman": {
-        "type": "image",
-        "source": {
-          "kind": "path",
-          "path": "./image-2.png"
-        }
+      "presenter": {
+        "type": "imagePrompt",
+        "prompt": "A professional female presenter standing in front of a modern presentation screen, speaking confidently, photo realistic, front-facing, neutral expression, well-lit"
       }
     }
   },
-  "movieParams": {
-    "provider": "replicate",
-    "model": "bytedance/seedance-1-lite"
-  },
-  "soundEffectParams": {
-    "provider": "replicate"
-  },
-  "lipSyncParams": {
-    "provider": "replicate",
-    "model": "bytedance/latentsync"
-  },
-  "audioParams": {
-    "padding": 0.3,
-    "introPadding": 1,
-    "closingPadding": 0.8,
-    "outroPadding": 1,
-    "bgmVolume": 0.2,
-    "audioVolume": 1,
-    "suppressSpeech": false
-  },
-  "title": "リップシンク（generate contents）",
-  "description": "mulmocast",
   "lang": "en",
   "beats": [
     {
-      "speaker": "Presenter",
-      "text": "You've had a challenging day. The evidence is clear: you need rest. You're more capable than you realize. Case closed. hello hello !!",
-      "id": "c0e344e1-4ed7-4145-b7fc-c878c093cffd",
-      "imagePrompt": "in the city",
-      "moviePrompt": "never looking away from camera",
-      "enableLipSync": true
+      "id": "latentsync",
+      "text": "Artificial intelligence is transforming the world around us, enabling machines to learn, adapt, and solve complex problems in ways we never imagined possible.",
+      "imageNames": ["presenter"],
+      "moviePrompt": "A professional female presenter speaking in front of a modern presentation screen",
+      "enableLipSync": true,
+      "lipSyncParams": {
+        "model": "bytedance/latentsync"
+      }
+    },
+    {
+      "id": "tmappdev_lipsync",
+      "text": "Artificial intelligence is transforming the world around us, enabling machines to learn, adapt, and solve complex problems in ways we never imagined possible.",
+      "imageNames": ["presenter"],
+      "moviePrompt": "A professional female presenter speaking in front of a modern presentation screen",
+      "enableLipSync": true,
+      "lipSyncParams": {
+        "model": "tmappdev/lipsync"
+      }
+    },
+    {
+      "id": "omni_human",
+      "text": "Artificial intelligence is transforming the world around us.",
+      "imageNames": ["presenter"],
+      "enableLipSync": true,
+      "lipSyncParams": {
+        "model": "bytedance/omni-human"
+      }
+    },
+    {
+      "id": "pixverse_lipsync",
+      "text": "Artificial intelligence is transforming the world around us, enabling machines to learn, adapt, and solve complex problems in ways we never imagined possible.",
+      "imageNames": ["presenter"],
+      "moviePrompt": "A professional female presenter speaking in front of a modern presentation screen",
+      "enableLipSync": true,
+      "lipSyncParams": {
+        "model": "pixverse/lipsync"
+      }
     }
   ]
 }

package/scripts/test/test_lipsync5.json

@@ -0,0 +1,66 @@
+{
+  "$mulmocast": {
+    "version": "1.1",
+    "credit": "closing"
+  },
+  "canvasSize": {
+    "width": 1280,
+    "height": 720
+  },
+  "speechParams": {
+    "speakers": {
+      "Presenter": {
+        "displayName": {
+          "en": "Presenter"
+        },
+        "voiceId": "shimmer",
+        "provider": "openai"
+      }
+    }
+  },
+  "imageParams": {
+    "provider": "openai",
+    "images": {
+      "woman": {
+        "type": "image",
+        "source": {
+          "kind": "path",
+          "path": "./image-2.png"
+        }
+      }
+    }
+  },
+  "movieParams": {
+    "provider": "replicate",
+    "model": "bytedance/seedance-1-lite"
+  },
+  "soundEffectParams": {
+    "provider": "replicate"
+  },
+  "lipSyncParams": {
+    "provider": "replicate",
+    "model": "bytedance/latentsync"
+  },
+  "audioParams": {
+    "padding": 0.3,
+    "introPadding": 1,
+    "closingPadding": 0.8,
+    "outroPadding": 1,
+    "bgmVolume": 0.2,
+    "audioVolume": 1,
+    "suppressSpeech": false
+  },
+  "title": "リップシンク（generate contents）",
+  "description": "mulmocast",
+  "lang": "en",
+  "beats": [
+    {
+      "speaker": "Presenter",
+      "text": "You've had a challenging day. The evidence is clear: you need rest. You're more capable than you realize. Case closed. hello hello !!",
+      "id": "c0e344e1-4ed7-4145-b7fc-c878c093cffd",
+      "imagePrompt": "in the city",
+      "moviePrompt": "never looking away from camera",
+      "enableLipSync": true
+    }
+  ]
+}

package/scripts/test/test_runway.json

@@ -0,0 +1,54 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "movieParams": {
+    "provider": "replicate",
+    "model": "runwayml/gen-4.5"
+  },
+  "imageParams": {
+    "provider": "google"
+  },
+  "audioParams": {
+    "bgmVolume": 0
+  },
+  "captionParams": {
+    "lang": "en"
+  },
+  "lang": "en",
+  "beats": [
+    {
+      "text": "Testing runwayml/gen-4.5 — text-to-video and image-to-video varieties.",
+      "image": {
+        "type": "textSlide",
+        "slide": {
+          "title": "runwayml/gen-4.5 test"
+        }
+      }
+    },
+    {
+      "id": "runway-t2v-5s",
+      "text": "Text-to-video, 5 seconds: a red fox trots through a snowy forest at dawn, pawprints left behind",
+      "duration": 5,
+      "moviePrompt": "a red fox trots through a snowy forest at dawn, pawprints left behind, soft golden light filtering through pine trees"
+    },
+    {
+      "id": "runway-t2v-10s",
+      "text": "Text-to-video, 10 seconds: bustling Tokyo crossing at night",
+      "duration": 10,
+      "moviePrompt": "aerial dolly shot over Shibuya crossing at night, neon lights reflecting on wet pavement, crowds of people crossing in all directions"
+    },
+    {
+      "id": "runway-i2v-5s",
+      "text": "Image-to-video, 5 seconds: ocean waves animated from a still image",
+      "duration": 5,
+      "imagePrompt": "a calm tropical beach at sunset, crystal-clear turquoise water, golden sand, photorealistic",
+      "moviePrompt": "gentle waves lapping the shore, palm trees swaying softly in the breeze, camera slowly pushing forward"
+    },
+    {
+      "id": "runway-i2v-10s",
+      "text": "Image-to-video, 10 seconds: city skyline coming to life",
+      "duration": 10,
+      "imagePrompt": "futuristic city skyline at dusk, glass skyscrapers with glowing windows, photorealistic",
+      "moviePrompt": "lights in the skyscraper windows flicker on one by one as night falls, slow upward pan along the tallest tower"
+    }
+  ]
+}

package/scripts/test/test_threejs.json

@@ -0,0 +1,241 @@
+{
+  "$mulmocast": {
+    "version": "1.1"
+  },
+  "lang": "ja",
+  "title": "Three.js 3D Objects Demo",
+  "canvasSize": { "width": 1280, "height": 720 },
+  "speechParams": {
+    "speakers": {
+      "narrator": {
+        "voiceId": "nova",
+        "displayName": { "ja": "ナレーター" }
+      }
+    }
+  },
+  "audioParams": {
+    "padding": 0,
+    "introPadding": 0,
+    "closingPadding": 0,
+    "outroPadding": 0
+  },
+  "beats": [
+    {
+      "id": "cube_rotate",
+      "speaker": "narrator",
+      "text": "まずは立方体。ゆっくり回転しています。",
+      "duration": 6,
+      "image": {
+        "type": "html_tailwind",
+        "html": [
+          "<div id='three-container' style='position:fixed;inset:0;overflow:hidden;background:#111122'>",
+          "  <canvas id='c' style='display:block;width:100%;height:100%'></canvas>",
+          "</div>"
+        ],
+        "script": [
+          "import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.182.0/build/three.module.js';",
+          "const canvas = document.getElementById('c');",
+          "const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true });",
+          "renderer.setClearColor(0x1a1a2e);",
+          "renderer.outputColorSpace = THREE.SRGBColorSpace;",
+          "",
+          "const scene = new THREE.Scene();",
+          "const camera = new THREE.PerspectiveCamera(50, 16/9, 0.1, 100);",
+          "camera.position.set(0, 1.5, 4);",
+          "camera.lookAt(0, 0, 0);",
+          "",
+          "scene.add(new THREE.AmbientLight(0x404040, 2));",
+          "const dirLight = new THREE.DirectionalLight(0xffffff, 3);",
+          "dirLight.position.set(3, 5, 4);",
+          "scene.add(dirLight);",
+          "",
+          "const cube = new THREE.Mesh(",
+          "  new THREE.BoxGeometry(1.5, 1.5, 1.5),",
+          "  new THREE.MeshStandardMaterial({ color: 0x00d2ff, metalness: 0.3, roughness: 0.4 })",
+          ");",
+          "scene.add(cube);",
+          "",
+          "let lastW = 0;",
+          "let lastH = 0;",
+          "const syncSize = () => {",
+          "  const w = Math.max(1, Math.floor(window.innerWidth || document.documentElement.clientWidth));",
+          "  const h = Math.max(1, Math.floor(window.innerHeight || document.documentElement.clientHeight));",
+          "  if (w !== lastW || h !== lastH) {",
+          "    renderer.setSize(w, h, true);",
+          "    camera.aspect = w / h;",
+          "    camera.updateProjectionMatrix();",
+          "    lastW = w;",
+          "    lastH = h;",
+          "  }",
+          "};",
+          "window.render = function(frame, total) {",
+          "  document.body.style.zoom = '1';",
+          "  syncSize();",
+          "  const t = frame / total;",
+          "  cube.rotation.x = t * Math.PI * 2;",
+          "  cube.rotation.y = t * Math.PI * 3;",
+          "  renderer.render(scene, camera);",
+          "};"
+        ],
+        "animation": { "fps": 30 }
+      }
+    },
+    {
+      "id": "crystal_spin",
+      "speaker": "narrator",
+      "text": "次はクリスタル。光を受けてキラキラ輝きます。",
+      "duration": 6,
+      "image": {
+        "type": "html_tailwind",
+        "html": [
+          "<div id='three-container' style='position:fixed;inset:0;overflow:hidden;background:#111122'>",
+          "  <canvas id='c' style='display:block;width:100%;height:100%'></canvas>",
+          "</div>"
+        ],
+        "script": [
+          "import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.182.0/build/three.module.js';",
+          "const canvas = document.getElementById('c');",
+          "const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true });",
+          "renderer.setClearColor(0x0d0d1a);",
+          "renderer.outputColorSpace = THREE.SRGBColorSpace;",
+          "",
+          "const scene = new THREE.Scene();",
+          "const camera = new THREE.PerspectiveCamera(50, 16/9, 0.1, 100);",
+          "camera.position.set(0, 2, 5);",
+          "camera.lookAt(0, 0, 0);",
+          "",
+          "scene.add(new THREE.AmbientLight(0x334455, 3));",
+          "const pointLight1 = new THREE.PointLight(0xff66aa, 2, 20);",
+          "pointLight1.position.set(3, 3, 3);",
+          "scene.add(pointLight1);",
+          "const pointLight2 = new THREE.PointLight(0x66aaff, 2, 20);",
+          "pointLight2.position.set(-3, 2, -2);",
+          "scene.add(pointLight2);",
+          "",
+          "const crystal = new THREE.Mesh(",
+          "  new THREE.OctahedronGeometry(1.2, 0),",
+          "  new THREE.MeshStandardMaterial({ color: 0x88ccff, metalness: 0.6, roughness: 0.1 })",
+          ");",
+          "crystal.scale.set(1, 1.6, 1);",
+          "scene.add(crystal);",
+          "",
+          "let lastW = 0;",
+          "let lastH = 0;",
+          "const syncSize = () => {",
+          "  const w = Math.max(1, Math.floor(window.innerWidth || document.documentElement.clientWidth));",
+          "  const h = Math.max(1, Math.floor(window.innerHeight || document.documentElement.clientHeight));",
+          "  if (w !== lastW || h !== lastH) {",
+          "    renderer.setSize(w, h, true);",
+          "    camera.aspect = w / h;",
+          "    camera.updateProjectionMatrix();",
+          "    lastW = w;",
+          "    lastH = h;",
+          "  }",
+          "};",
+          "window.render = function(frame, total) {",
+          "  document.body.style.zoom = '1';",
+          "  syncSize();",
+          "  const t = frame / total;",
+          "  crystal.rotation.y = t * Math.PI * 4;",
+          "  crystal.rotation.x = Math.sin(t * Math.PI * 2) * 0.3;",
+          "  pointLight1.position.x = Math.cos(t * Math.PI * 4) * 4;",
+          "  pointLight1.position.z = Math.sin(t * Math.PI * 4) * 4;",
+          "  pointLight2.position.x = Math.cos(t * Math.PI * 3 + 2) * 3;",
+          "  pointLight2.position.z = Math.sin(t * Math.PI * 3 + 2) * 3;",
+          "  renderer.render(scene, camera);",
+          "};"
+        ],
+        "animation": { "fps": 30 }
+      }
+    },
+    {
+      "id": "both_objects",
+      "speaker": "narrator",
+      "text": "最後に両方のオブジェクトを並べて。立方体とクリスタルが一緒に回ります。",
+      "duration": 8,
+      "image": {
+        "type": "html_tailwind",
+        "html": [
+          "<div id='three-container' style='position:fixed;inset:0;overflow:hidden;background:#111122'>",
+          "  <canvas id='c' style='display:block;width:100%;height:100%'></canvas>",
+          "</div>"
+        ],
+        "script": [
+          "import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.182.0/build/three.module.js';",
+          "const canvas = document.getElementById('c');",
+          "const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true });",
+          "renderer.setClearColor(0x111122);",
+          "renderer.outputColorSpace = THREE.SRGBColorSpace;",
+          "",
+          "const scene = new THREE.Scene();",
+          "const camera = new THREE.PerspectiveCamera(50, 16/9, 0.1, 100);",
+          "camera.position.set(0, 2, 6);",
+          "camera.lookAt(0, 0, 0);",
+          "",
+          "scene.add(new THREE.AmbientLight(0x404060, 2));",
+          "const dirLight = new THREE.DirectionalLight(0xffffff, 2);",
+          "dirLight.position.set(3, 5, 4);",
+          "scene.add(dirLight);",
+          "const pointLight1 = new THREE.PointLight(0xff6688, 2, 20);",
+          "pointLight1.position.set(4, 3, 3);",
+          "scene.add(pointLight1);",
+          "const pointLight2 = new THREE.PointLight(0x6688ff, 2, 20);",
+          "pointLight2.position.set(-4, 2, -2);",
+          "scene.add(pointLight2);",
+          "",
+          "const cube = new THREE.Mesh(",
+          "  new THREE.BoxGeometry(1.2, 1.2, 1.2),",
+          "  new THREE.MeshStandardMaterial({ color: 0x00d2ff, metalness: 0.3, roughness: 0.4 })",
+          ");",
+          "cube.position.x = -2;",
+          "scene.add(cube);",
+          "",
+          "const crystal = new THREE.Mesh(",
+          "  new THREE.OctahedronGeometry(1.0, 0),",
+          "  new THREE.MeshStandardMaterial({ color: 0xcc88ff, metalness: 0.6, roughness: 0.1 })",
+          ");",
+          "crystal.scale.set(1, 1.5, 1);",
+          "crystal.position.x = 2;",
+          "scene.add(crystal);",
+          "",
+          "const grid = new THREE.GridHelper(10, 20, 0x444466, 0x222244);",
+          "grid.position.y = -1.5;",
+          "scene.add(grid);",
+          "",
+          "let lastW = 0;",
+          "let lastH = 0;",
+          "const syncSize = () => {",
+          "  const w = Math.max(1, Math.floor(window.innerWidth || document.documentElement.clientWidth));",
+          "  const h = Math.max(1, Math.floor(window.innerHeight || document.documentElement.clientHeight));",
+          "  if (w !== lastW || h !== lastH) {",
+          "    renderer.setSize(w, h, true);",
+          "    camera.aspect = w / h;",
+          "    camera.updateProjectionMatrix();",
+          "    lastW = w;",
+          "    lastH = h;",
+          "  }",
+          "};",
+          "window.render = function(frame, total) {",
+          "  document.body.style.zoom = '1';",
+          "  syncSize();",
+          "  const t = frame / total;",
+          "  cube.rotation.x = t * Math.PI * 2;",
+          "  cube.rotation.y = t * Math.PI * 3;",
+          "  cube.position.y = Math.sin(t * Math.PI * 4) * 0.5;",
+          "  crystal.rotation.y = t * Math.PI * 4;",
+          "  crystal.rotation.x = Math.sin(t * Math.PI * 2) * 0.3;",
+          "  crystal.position.y = Math.cos(t * Math.PI * 3) * 0.4 + 0.3;",
+          "  pointLight1.position.x = Math.cos(t * Math.PI * 4) * 4;",
+          "  pointLight1.position.z = Math.sin(t * Math.PI * 4) * 4;",
+          "  pointLight2.position.x = Math.cos(t * Math.PI * 3 + 2) * 3;",
+          "  pointLight2.position.z = Math.sin(t * Math.PI * 3 + 2) * 3;",
+          "  camera.position.x = Math.sin(t * Math.PI * 2) * 1.5;",
+          "  camera.lookAt(0, 0, 0);",
+          "  renderer.render(scene, camera);",
+          "};"
+        ],
+        "animation": { "fps": 30 }
+      }
+    }
+  ]
+}

package/scripts/test/test_threejs_glb.json

@@ -0,0 +1,154 @@
+{
+  "$mulmocast": {
+    "version": "1.1"
+  },
+  "lang": "ja",
+  "title": "Three.js GLB Demo",
+  "canvasSize": {
+    "width": 1280,
+    "height": 720
+  },
+  "audioParams": {
+    "padding": 0,
+    "introPadding": 0,
+    "closingPadding": 0,
+    "outroPadding": 0
+  },
+  "beats": [
+    {
+      "id": "glb_preview",
+      "duration": 16,
+      "text": "GLBモデルのプレビューです。",
+      "image": {
+        "type": "html_tailwind",
+        "html": [
+          "<div id='three-container' style='position:fixed;inset:0;overflow:hidden;background:#0d1224'>",
+          "  <canvas id='c' style='display:block;width:100%;height:100%'></canvas>",
+          "</div>"
+        ],
+        "script": [
+          "import * as THREE from 'https://esm.sh/three@0.182.0';",
+          "import { GLTFLoader } from 'https://esm.sh/three@0.182.0/examples/jsm/loaders/GLTFLoader.js';",
+          "const canvas = document.getElementById('c');",
+          "const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, preserveDrawingBuffer: true });",
+          "renderer.setClearColor(0x0d1224);",
+          "renderer.outputColorSpace = THREE.SRGBColorSpace;",
+          "const scene = new THREE.Scene();",
+          "const camera = new THREE.PerspectiveCamera(45, 16 / 9, 0.01, 1000);",
+          "camera.position.set(0, 1.2, 7.0);",
+          "camera.lookAt(0, 0.9, 0);",
+          "camera.zoom = 1.0;",
+          "camera.updateProjectionMatrix();",
+          "scene.add(new THREE.AmbientLight(0xffffff, 1.2));",
+          "const key = new THREE.DirectionalLight(0xffffff, 1.4);",
+          "key.position.set(3, 5, 2);",
+          "scene.add(key);",
+          "const rim = new THREE.DirectionalLight(0x88aaff, 0.8);",
+          "rim.position.set(-4, 2, -3);",
+          "scene.add(rim);",
+          "const grid = new THREE.GridHelper(10, 20, 0x444466, 0x222244);",
+          "grid.position.y = -0.01;",
+          "scene.add(grid);",
+          "let moveRoot = null;",
+          "let turnRoot = null;",
+          "let modelOffset = null;",
+          "let modelReadyResolved = false;",
+          "let resolveModelReady;",
+          "const modelReady = new Promise((resolve) => { resolveModelReady = resolve; });",
+          "const modelUrl = 'glb/sample_2026-03-15T172907.296_compat.glb';",
+          "const loader = new GLTFLoader();",
+          "loader.load(modelUrl, (gltf) => {",
+          "  moveRoot = new THREE.Group();",
+          "  turnRoot = new THREE.Group();",
+          "  modelOffset = new THREE.Group();",
+          "  moveRoot.add(turnRoot);",
+          "  turnRoot.add(modelOffset);",
+          "  modelOffset.add(gltf.scene);",
+          "  scene.add(moveRoot);",
+          "  const box = new THREE.Box3().setFromObject(modelOffset);",
+          "  const size = box.getSize(new THREE.Vector3());",
+          "  const maxDim = Math.max(size.x, size.y, size.z) || 1;",
+          "  const scale = 1.8 / maxDim;",
+          "  modelOffset.scale.setScalar(scale);",
+          "  box.setFromObject(modelOffset);",
+          "  const centered = box.getCenter(new THREE.Vector3());",
+          "  modelOffset.position.sub(centered);",
+          "  modelOffset.position.y += 0.9;",
+          "  modelReadyResolved = true;",
+          "  resolveModelReady();",
+          "}, undefined, (error) => {",
+          "  console.error('GLB load failed:', error);",
+          "  modelReadyResolved = true;",
+          "  resolveModelReady();",
+          "});",
+          "let lastW = 0;",
+          "let lastH = 0;",
+          "const syncSize = () => {",
+          "  const w = Math.max(1, Math.floor(window.innerWidth || document.documentElement.clientWidth));",
+          "  const h = Math.max(1, Math.floor(window.innerHeight || document.documentElement.clientHeight));",
+          "  if (w !== lastW || h !== lastH) {",
+          "    renderer.setSize(w, h, true);",
+          "    camera.aspect = w / h;",
+          "    camera.updateProjectionMatrix();",
+          "    lastW = w;",
+          "    lastH = h;",
+          "  }",
+          "};",
+          "const lerp = (a, b, u) => a + (b - a) * u;",
+          "const clamp01 = (v) => Math.max(0, Math.min(1, v));",
+          "const xMin = -1.6;",
+          "const xMax = 1.6;",
+          "const moveEnd = 0.45;",
+          "const turnEnd = 0.55;",
+          "const turnFrontEnd = moveEnd + (turnEnd - moveEnd) * 0.75;",
+          "const faceRight = Math.PI / 2;",
+          "const faceFront = 0;",
+          "const faceLeft = -Math.PI / 2;",
+          "const holdFrontSeconds = 3;",
+          "window.render = async function render(frame, total, fps) {",
+          "  if (!modelReadyResolved) {",
+          "    await modelReady;",
+          "  }",
+          "  document.body.style.zoom = '1';",
+          "  syncSize();",
+          "  const t = frame / Math.max(1, total - 1);",
+          "  camera.zoom = lerp(1.0, 1.18, t);",
+          "  camera.updateProjectionMatrix();",
+          "  const fpsSafe = fps || 30;",
+          "  const holdFrontSpan = (holdFrontSeconds * fpsSafe) / Math.max(1, total - 1);",
+          "  const holdFrontEnd = Math.min(0.97, turnFrontEnd + holdFrontSpan);",
+          "  const rotateLeftSpan = Math.max(0.02, turnEnd - turnFrontEnd);",
+          "  const rotateLeftEnd = Math.min(0.985, holdFrontEnd + rotateLeftSpan);",
+          "  if (moveRoot && turnRoot) {",
+          "    if (t < moveEnd) {",
+          "      const u = clamp01(t / moveEnd);",
+          "      moveRoot.position.x = lerp(xMin, xMax, u);",
+          "      turnRoot.rotation.y = faceRight;",
+          "    } else if (t < turnFrontEnd) {",
+          "      const u = clamp01((t - moveEnd) / Math.max(1e-6, turnFrontEnd - moveEnd));",
+          "      moveRoot.position.x = xMax;",
+          "      turnRoot.rotation.y = lerp(faceRight, faceFront, u);",
+          "    } else if (t < holdFrontEnd) {",
+          "      moveRoot.position.x = xMax;",
+          "      turnRoot.rotation.y = faceFront;",
+          "    } else if (t < rotateLeftEnd) {",
+          "      const u = clamp01((t - holdFrontEnd) / Math.max(1e-6, rotateLeftEnd - holdFrontEnd));",
+          "      moveRoot.position.x = xMax;",
+          "      turnRoot.rotation.y = lerp(faceFront, faceLeft, u);",
+          "    } else {",
+          "      const u = clamp01((t - rotateLeftEnd) / Math.max(1e-6, 1 - rotateLeftEnd));",
+          "      moveRoot.position.x = lerp(xMax, xMin, u);",
+          "      turnRoot.rotation.y = faceLeft;",
+          "    }",
+          "  }",
+          "  camera.lookAt(0, 0.9, 0);",
+          "  renderer.render(scene, camera);",
+          "};"
+        ],
+        "animation": {
+          "fps": 30
+        }
+      }
+    }
+  ]
+}

package/scripts/test/test_veo31_lite.json

@@ -0,0 +1,39 @@
+{
+  "$mulmocast": { "version": "1.1" },
+  "title": "Veo 3.1 Lite Test",
+  "lang": "en",
+  "canvasSize": { "width": 1280, "height": 720 },
+  "beats": [
+    {
+      "id": "google_genai_lite",
+      "text": "Google GenAI veo-3.1-lite-generate-preview text-to-video",
+      "duration": 4,
+      "moviePrompt": "A calm ocean wave rolling onto a sandy beach at golden hour",
+      "movieParams": {
+        "provider": "google",
+        "model": "veo-3.1-lite-generate-preview"
+      }
+    },
+    {
+      "id": "replicate_lite",
+      "text": "Replicate google/veo-3.1-lite text-to-video",
+      "duration": 4,
+      "moviePrompt": "A calm ocean wave rolling onto a sandy beach at golden hour",
+      "movieParams": {
+        "provider": "replicate",
+        "model": "google/veo-3.1-lite"
+      }
+    },
+    {
+      "id": "replicate_lite_i2v",
+      "text": "Replicate google/veo-3.1-lite image-to-video",
+      "duration": 4,
+      "imagePrompt": "A beautiful ocean sunset with golden reflections on the water",
+      "moviePrompt": "The camera slowly pans across the ocean as waves gently roll in",
+      "movieParams": {
+        "provider": "replicate",
+        "model": "google/veo-3.1-lite"
+      }
+    }
+  ]
+}