@vanillaskyai/video 0.10.1 → 0.10.3

package/dist/react.js

@@ -40,9 +40,9 @@ import {
   VideoFrame,
   getDimensions,
   sceneReadinessKey
-} from "./chunk-6KZGF63O.js";
+} from "./chunk-3U2F7C7C.js";
 import "./chunk-224QNWRA.js";
-import "./chunk-TVIU23OM.js";
+import "./chunk-YZZSWGC3.js";
 import {
   getVideoDuration,
   resolveVideoTimeline
@@ -94,13 +94,13 @@ import { createElement } from "react";
 
 // src/visual-system/catalog/builtin-loaders.generated.ts
 var GENERATED_BUILTIN_TEMPLATE_LOADERS = {
-  "cinemaMedia": () => import("./cinema-media-APDJS7SC.js").then((module) => ({ default: module.MediaSceneTemplate })),
+  "cinemaMedia": () => import("./cinema-media-4JUYKPQI.js").then((module) => ({ default: module.MediaSceneTemplate })),
   "chapterTitle": () => import("./chapter-title-YRLIQY3V.js").then((module) => ({ default: module.TitleSceneTemplate })),
-  "editorialTimeline": () => import("./editorial-timeline-YIXXVJUV.js").then((module) => ({ default: module.TimelineSceneTemplate })),
-  "mobileMessage": () => import("./mobile-message-JSGBU6EX.js").then((module) => ({ default: module.NotificationSceneTemplate })),
-  "comparison": () => import("./comparison-ZVE2DE7U.js").then((module) => ({ default: module.ComparisonSceneTemplate })),
-  "quote": () => import("./quote-XH54G3FS.js").then((module) => ({ default: module.QuoteSceneTemplate })),
-  "keyFigure": () => import("./key-figure-I2C37FWV.js").then((module) => ({ default: module.KeyFigureSceneTemplate }))
+  "editorialTimeline": () => import("./editorial-timeline-IVE2P25N.js").then((module) => ({ default: module.TimelineSceneTemplate })),
+  "mobileMessage": () => import("./mobile-message-WLK3WY5B.js").then((module) => ({ default: module.NotificationSceneTemplate })),
+  "comparison": () => import("./comparison-3QLMUC5V.js").then((module) => ({ default: module.ComparisonSceneTemplate })),
+  "quote": () => import("./quote-Z6YET5BO.js").then((module) => ({ default: module.QuoteSceneTemplate })),
+  "keyFigure": () => import("./key-figure-APD56LCO.js").then((module) => ({ default: module.KeyFigureSceneTemplate }))
 };
 
 // src/visual-system/catalog/builtin-player.generated.ts
@@ -754,6 +754,14 @@ function VideoPlayerRuntime({
     }
   }, []);
   const playbackEndedRef = useRef(false);
+  let mediaPlaying = isPlaying;
+  if (sceneIndexRef.current >= 0) {
+    try {
+      mediaPlaying = isPlaying && narrationReady?.() !== false;
+    } catch {
+      mediaPlaying = false;
+    }
+  }
   stateRef.current = state;
   timeRef.current = currentTime;
   callbacksRef.current = { onComplete, onPlaybackEnd, onError, onSceneChange, narrationReady, narrationTime, onFramePresented, onMediaFramePresented, onStallChange, onStateChange };
@@ -1131,7 +1139,8 @@ function VideoPlayerRuntime({
             time: showStartPoster ? posterTime : currentTime,
             width: dimensions.width,
             height: dimensions.height,
-            playing: isPlaying,
+            playing: mediaPlaying,
+            preparingNarration: isPlaying && !mediaPlaying,
             mediaAudioMuted: !nativeMediaAudio || isMuted,
             mediaAudioVolume: nativeMediaVolume,
             style: {
@@ -1243,7 +1252,7 @@ var VideoError = class extends Error {
 function recoverSceneMedia(scene) {
   if (scene.templateId === "cinemaMedia") {
     const title = scene.variables.fallbackText;
-    if (typeof title !== "string" || !title.trim() || [...title].length > 65) return void 0;
+    if (typeof title !== "string" || !title.trim() || [...title].length > 65) return { ...scene, variables: { mediaType: "video", mediaUrl: "" } };
     return { ...scene, templateId: "chapterTitle", variables: { title: title.trim() } };
   }
   if (!["comparison", "editorialTimeline", "quote", "keyFigure"].includes(scene.templateId)) return void 0;
@@ -1397,7 +1406,11 @@ function useNarration(options) {
     if (!optionsRef.current.voice.getCurrentTime) return void 0;
     const time = currentRef.current ? optionsRef.current.voice.getCurrentTime() : void 0;
     if (currentRef.current && readyRef.current && time === void 0) return void 0;
-    if (time !== void 0 && Number.isFinite(time)) clockRef.current = Math.min(group?.totalSeconds ?? Infinity, Math.max(group?.offsetSeconds ?? 0, time));
+    if (time !== void 0 && Number.isFinite(time)) {
+      const end = group?.totalSeconds ?? scene.timing.fixedDuration ?? Infinity;
+      const limit = currentRef.current ? Math.max(0, end - 0.01) : end;
+      clockRef.current = Math.min(limit, Math.max(group?.offsetSeconds ?? 0, time));
+    }
     return clockRef.current;
   }, []);
   const isReady = useCallback(() => optionsRef.current.enabled === false || readyRef.current || clockRef.current !== void 0 && clockRef.current >= (groupRef.current?.offsetSeconds ?? 0) + 0.04, []);
@@ -1550,6 +1563,8 @@ function createVideoChatVoice(options = {}) {
   const lines = /* @__PURE__ */ new Map();
   const pendingLoads = /* @__PURE__ */ new Set();
   let sounding;
+  let generatedElement;
+  let stopGenerated;
   let browserFinish;
   let held = false;
   let silent = false;
@@ -1674,7 +1689,12 @@ function createVideoChatVoice(options = {}) {
     },
     resume() {
       held = false;
-      if (sounding) void sounding.play().catch(() => playbackFailure?.());
+      if (sounding) {
+        const fail = playbackFailure;
+        void sounding.play().catch(() => {
+          if (!held) fail?.();
+        });
+      }
       if (!silent) globalThis.speechSynthesis?.resume();
     },
     setMuted(muted) {
@@ -1753,9 +1773,11 @@ function createVideoChatVoice(options = {}) {
       }
       let playbackFailed = false;
       try {
-        const element = new Audio(line.src);
+        stopGenerated?.();
+        const element = generatedElement ??= new Audio();
+        element.src = line.src;
         element.muted = silent;
-        if (offsetSeconds !== void 0) element.currentTime = offsetSeconds;
+        element.currentTime = offsetSeconds ?? 0;
         sounding = element;
         await new Promise((resolve) => {
           let finished = false;
@@ -1771,6 +1793,7 @@ function createVideoChatVoice(options = {}) {
             element.onplaying = null;
             element.onended = null;
             element.onerror = null;
+            if (stopGenerated === stop) stopGenerated = void 0;
             if (sounding === element) {
               sounding = void 0;
               playbackFailure = void 0;
@@ -1778,13 +1801,17 @@ function createVideoChatVoice(options = {}) {
             resolve();
           };
           const stop = () => {
+            if (finished) return;
             element.pause();
             finish();
           };
           const fail = () => {
-            playbackFailed = true;
-            stop();
+            if (!finished) {
+              playbackFailed = true;
+              stop();
+            }
           };
+          stopGenerated = stop;
           const clearWatchdog = watchSpeech(Math.max(line.seconds, estimatedBrowserSeconds(text)), fail);
           speechStops.add(stop);
           playbackFailure = fail;
@@ -1799,7 +1826,9 @@ function createVideoChatVoice(options = {}) {
           element.onerror = fail;
           signal.addEventListener("abort", stop, { once: true });
           try {
-            if (!held) void element.play().catch(fail);
+            if (!held) void element.play().catch(() => {
+              if (!held) fail();
+            });
           } catch {
             fail();
           }
@@ -1825,6 +1854,11 @@ function createVideoChatVoice(options = {}) {
       speechStops.clear();
       sounding?.pause();
       sounding = void 0;
+      generatedElement?.pause();
+      generatedElement?.removeAttribute?.("src");
+      generatedElement?.load?.();
+      generatedElement = void 0;
+      stopGenerated = void 0;
       stopBrowser();
       for (const line of lines.values()) {
         if (line.source === "generated") URL.revokeObjectURL(line.src);
@@ -3346,8 +3380,7 @@ function VideoChat({ options = {}, className, welcomeTitle, showRecoveryNotice =
   const sessionOrientation = options.orientation ?? viewportOrientation;
   const { chat, restoreSession } = useVideoChatSession({
     ...options,
-    orientation: sessionOrientation,
-    style: { generatedLook: "Natural light, restrained camera movement, documentary realism, consistent natural color. No embedded text.", ...options.style }
+    orientation: sessionOrientation
   });
   const instanceId = useId();
   const historyId = `${instanceId}-history`;

package/dist/{scene-video-backdrop-PCTARAAJ.js → scene-video-backdrop-OWUXPXHZ.js}

@@ -1,7 +1,7 @@
 import {
   SceneVideoBackdrop
-} from "./chunk-77VY4O7A.js";
-import "./chunk-TVIU23OM.js";
+} from "./chunk-SI6CFFAA.js";
+import "./chunk-YZZSWGC3.js";
 export {
   SceneVideoBackdrop
 };