@surfmate.team/digital-human-video-call 0.1.0

package/README.md

@@ -0,0 +1,13 @@
+# @surfmate.team/digital-human-video-call
+
+Full-screen 数字人通话 (video call) — the integration feature: LLM (conversation/ChatPort) + TTS (voice) + talking-head clips (speaking) + waiting-video loops (waiting) into a speak→reply→video→loop call.
+
+```sh
+npm i @surfmate.team/digital-human-video-call
+```
+
+Part of the **@surfmate.team digital-human** suite (ports/DI — the package owns its data + UI/logic; the app injects adapters).
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import { WaitingVideo, WaitingTier } from '@surfmate.team/digital-human-waiting';
+import { SpeakingClip } from '@surfmate.team/digital-human-speaking';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CharacterPersona, ChatPort } from '@surfmate.team/digital-human-conversation';
+import { VoiceSynthesisPort } from '@surfmate.team/digital-human-voice';
+
+/**
+ * Pick a waiting-loop clip for the given tier, preferring the current mood.
+ * Falls back tier → primary → any. Deterministic (first match) for v1.
+ */
+declare function pickWaitingVideo(videos: readonly WaitingVideo[], tier: WaitingTier, mood?: string): WaitingVideo | null;
+/**
+ * Pick the talking-head clip that best fits the AI reply, via the pure
+ * clip-core: structural shape match → closest char count (longform/uploads fall
+ * back as char-count candidates). Replaces the old "just take the first clip".
+ */
+declare function selectSpeakingClip(aiText: string, clips: readonly SpeakingClip[]): SpeakingClip | null;
+
+type Props = {
+    readonly persona: CharacterPersona;
+    readonly chatPort?: ChatPort | undefined;
+    readonly synth?: VoiceSynthesisPort | undefined;
+    readonly voiceId?: string | undefined;
+    readonly voiceModelId?: string | undefined;
+    readonly waitingVideos?: readonly WaitingVideo[] | undefined;
+    readonly speakingClips?: readonly SpeakingClip[] | undefined;
+    readonly onClose: () => void;
+    readonly speechLang?: string | undefined;
+};
+/**
+ * Full-screen video call — playback engine ported from mate's VideoCallModal.
+ * SMOOTH ONLY: every clip plays THROUGH to its natural end at NORMAL 1× speed —
+ * never cut, never sped up.
+ *  - waiting layer = two NON-looping <video> slots, preloaded; loop manually via
+ *    onEnded → swapToFreshWaiting (flip active + preload next from the right pool).
+ *  - No-cut gate: the waiting clip keeps looping until the TTS audio is ready,
+ *    then plays to its natural idle-end; on that end we freeze it (suppress the
+ *    swap) and reveal the speaking clip on that exact idle pose — precise
+ *    connection, no fresh clip flashing in.
+ *  - speaking clips all preload="auto"; active revealed after el.play() resolves,
+ *    then plays THROUGH to its own native 'ended' before fading back to waiting.
+ *  - thinking switch waits for the current clip's end too (never cut).
+ *  - No blur, no speedup.
+ */
+declare function VideoCall({ persona, chatPort, synth, voiceId, voiceModelId, waitingVideos, speakingClips, onClose, speechLang, }: Props): react_jsx_runtime.JSX.Element;
+
+export { VideoCall, pickWaitingVideo, selectSpeakingClip };

package/dist/index.js

@@ -0,0 +1,577 @@
+// src/calc/select.ts
+import { selectClip } from "@surfmate.team/digital-human-clip-core";
+function pickWaitingVideo(videos, tier2, mood) {
+  const inTier = videos.filter((v) => (v.tier ?? "primary") === tier2);
+  const pool = inTier.length ? inTier : videos.filter((v) => (v.tier ?? "primary") === "primary");
+  const base = pool.length ? pool : [...videos];
+  if (!base.length) return null;
+  const moodMatch = mood ? base.filter((v) => v.mood === mood) : [];
+  const chosen = moodMatch.length ? moodMatch : base;
+  return chosen[0] ?? null;
+}
+function selectSpeakingClip(aiText, clips) {
+  const result = selectClip(
+    aiText,
+    clips.map((c) => ({ id: c.id, sourceText: c.sourceText }))
+  );
+  if (result.tag === "empty") return null;
+  return clips.find((c) => c.id === result.id) ?? null;
+}
+
+// src/ui/VideoCall.tsx
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { Mic, MicOff, Video, VideoOff, Volume2, VolumeX, PhoneOff, Send, Subtitles, Loader2 } from "lucide-react";
+import {
+  buildPrompt,
+  parseReply
+} from "@surfmate.team/digital-human-conversation";
+
+// src/ui/useCallSpeech.ts
+import { useEffect, useRef, useState } from "react";
+function getCtor() {
+  if (typeof window === "undefined") return null;
+  const w = window;
+  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
+}
+var SILENCE_MS = 2e3;
+function useCallSpeech(onUtterance, lang = "zh-CN") {
+  const [listening, setListening] = useState(false);
+  const [draft, setDraft] = useState("");
+  const recRef = useRef(null);
+  const silenceRef = useRef(null);
+  const wantRef = useRef(false);
+  const supported = getCtor() !== null;
+  const clearSilence = () => {
+    if (silenceRef.current) {
+      clearTimeout(silenceRef.current);
+      silenceRef.current = null;
+    }
+  };
+  const stop = () => {
+    wantRef.current = false;
+    clearSilence();
+    recRef.current?.stop();
+    recRef.current = null;
+    setListening(false);
+    setDraft("");
+  };
+  const start = () => {
+    const Ctor = getCtor();
+    if (!Ctor || wantRef.current) return;
+    const rec = new Ctor();
+    rec.lang = lang;
+    rec.continuous = true;
+    rec.interimResults = true;
+    rec.onresult = (e) => {
+      let text = "";
+      for (let i = 0; i < e.results.length; i++) {
+        const r = e.results[i];
+        if (r) text += r[0].transcript;
+      }
+      setDraft(text);
+      clearSilence();
+      if (text.trim()) {
+        silenceRef.current = setTimeout(() => {
+          const finalText = text.trim();
+          setDraft("");
+          onUtterance(finalText);
+        }, SILENCE_MS);
+      }
+    };
+    rec.onerror = () => {
+    };
+    rec.onend = () => {
+      if (wantRef.current) {
+        try {
+          rec.start();
+        } catch {
+        }
+      } else {
+        setListening(false);
+      }
+    };
+    try {
+      rec.start();
+      recRef.current = rec;
+      wantRef.current = true;
+      setListening(true);
+    } catch {
+    }
+  };
+  useEffect(() => () => stop(), []);
+  return { supported, listening, draft, start, stop };
+}
+
+// src/ui/VideoCall.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS = {
+  connecting: "\u63A5\u901A\u4E2D\u2026",
+  listening: "\u8046\u542C\u4E2D\u2026",
+  thinking: "\u601D\u8003\u4E2D\u2026",
+  speaking: "\u8BF4\u8BDD\u4E2D\u2026",
+  ended: "\u5DF2\u7ED3\u675F"
+};
+var GATE_SAFETY_CAP_MS = 15e3;
+var TAIL_SAFETY_CAP_MS = 12e3;
+var layerCls = "absolute inset-0 h-full w-full object-contain";
+var ctlBtn = "flex h-12 w-12 items-center justify-center rounded-full transition";
+var ctlOn = "bg-white/90 text-slate-900 hover:bg-white";
+var ctlOff = "bg-red-600/90 text-white hover:bg-red-600";
+var tier = (v) => v.tier ?? "primary";
+var pickRandom = (pool, exclude) => {
+  if (!pool.length) return null;
+  const opts = pool.filter((v) => v.url !== exclude);
+  const arr = opts.length ? opts : pool;
+  return arr[Math.floor(Math.random() * arr.length)]?.url ?? null;
+};
+function VideoCall({
+  persona,
+  chatPort,
+  synth,
+  voiceId,
+  voiceModelId,
+  waitingVideos = [],
+  speakingClips = [],
+  onClose,
+  speechLang
+}) {
+  const [callState, setCallState] = useState2("connecting");
+  const [mood, setMood] = useState2(void 0);
+  const [latestAi, setLatestAi] = useState2(persona.greeting ?? "");
+  const [latestUser, setLatestUser] = useState2("");
+  const [muted, setMuted] = useState2(false);
+  const [videoOn, setVideoOn] = useState2(true);
+  const [speakerOn, setSpeakerOn] = useState2(true);
+  const [showCaptions, setShowCaptions] = useState2(true);
+  const [activeIdx, setActiveIdx] = useState2(-1);
+  const [speakingOpacity, setSpeakingOpacity] = useState2(0);
+  const [greetingShown, setGreetingShown] = useState2(false);
+  const [greetingReady, setGreetingReady] = useState2(false);
+  const [typed, setTyped] = useState2("");
+  const defaultPool = useMemo(() => waitingVideos.filter((v) => tier(v) !== "idle" && tier(v) !== "thinking"), [waitingVideos]);
+  const thinkingPool = useMemo(() => waitingVideos.filter((v) => v.tier === "thinking"), [waitingVideos]);
+  const poolForMood = (m) => {
+    const base = defaultPool.length ? defaultPool : waitingVideos;
+    const moodMatch = m ? base.filter((v) => v.mood === m) : [];
+    return moodMatch.length ? moodMatch : base;
+  };
+  const [waitSlots, setWaitSlots] = useState2(() => {
+    const base = waitingVideos.filter((v) => tier(v) !== "idle" && tier(v) !== "thinking");
+    const pool = base.length ? base : [...waitingVideos];
+    const a = pickRandom(pool);
+    return [a, pickRandom(pool, a) ?? a];
+  });
+  const [waitActive, setWaitActive] = useState2(0);
+  const historyRef = useRef2([]);
+  const audioRef = useRef2(null);
+  const stateRef = useRef2("connecting");
+  const moodRef = useRef2(void 0);
+  const speakerOnRef = useRef2(true);
+  const bootedRef = useRef2(false);
+  const greetingEndRef = useRef2(null);
+  const speakingEls = useRef2([]);
+  const waitEls = useRef2([null, null]);
+  const waitActiveRef = useRef2(0);
+  const speakingPendingRef = useRef2(false);
+  const audioReadyRef = useRef2(false);
+  stateRef.current = callState;
+  moodRef.current = mood;
+  speakerOnRef.current = speakerOn;
+  waitActiveRef.current = waitActive;
+  const thinkingActiveRef = useRef2(false);
+  const swapToFreshWaiting = () => {
+    const old = waitActiveRef.current;
+    const next = old === 0 ? 1 : 0;
+    waitActiveRef.current = next;
+    setWaitActive(next);
+    setWaitSlots((s) => {
+      const showing = s[next];
+      const pool = (thinkingActiveRef.current || stateRef.current === "thinking") && thinkingPool.length ? thinkingPool : poolForMood(moodRef.current);
+      const fresh = pickRandom(pool, showing) ?? showing;
+      return old === 0 ? [fresh, s[1]] : [s[0], fresh];
+    });
+  };
+  const enterThinkingWaiting = () => {
+    if (thinkingActiveRef.current || !thinkingPool.length) return;
+    thinkingActiveRef.current = true;
+  };
+  const exitThinkingWaiting = () => {
+    thinkingActiveRef.current = false;
+  };
+  const waitForWaitingClipEnd = (audioReady) => new Promise((resolve) => {
+    const els = waitEls.current.filter(Boolean);
+    const playing = () => els.find((e) => !e.paused && !e.ended);
+    if (!els.length || !playing()) {
+      resolve();
+      return;
+    }
+    const t0 = performance.now();
+    let done = false;
+    let audioReadyAt = 0;
+    let readyCt = 0;
+    let readyDur = 0;
+    let readyState = 0;
+    let readyBuf = 0;
+    const finish = (why) => {
+      if (done) return;
+      done = true;
+      els.forEach((e) => e.removeEventListener("ended", onEnd));
+      const waited = audioReadyAt > 0 ? performance.now() - audioReadyAt : -1;
+      console.log(`[gate] reveal via ${why} @ ${(performance.now() - t0).toFixed(0)}ms`);
+      if (waited >= 0) {
+        const remaining = readyDur - readyCt;
+        const jitterMs = waited - remaining * 1e3;
+        console.log(
+          `%c \u23F3 SMOOTH WAIT ${waited.toFixed(0)}ms  =  \u7B49\u5F85clip ${readyDur.toFixed(2)}s \u2212 \u5C31\u7EEA\u65F6\u5DF2\u64AD ${readyCt.toFixed(2)}s (\u5269 ${remaining.toFixed(2)}s \u2248 ${(remaining * 1e3).toFixed(0)}ms) ${jitterMs >= 0 ? "+" : "\u2212"}${Math.abs(jitterMs).toFixed(0)}ms \u6296\u52A8 \xB7`,
+          "background:#ff2d55;color:#fff;font-size:18px;font-weight:900;padding:6px 10px;border-radius:6px;"
+        );
+        console.log(
+          `   \u2191 \u5C31\u7EEA\u77AC\u95F4 clip \u5728 ${(readyDur ? readyCt / readyDur * 100 : 0).toFixed(0)}% \u5904 \xB7 readyState=${readyState} buffered=${readyBuf.toFixed(2)}/${readyDur.toFixed(2)}${readyBuf + 0.01 < readyDur ? " \u26A0\uFE0F\u672A\u7F13\u51B2\u5B8C" : " \u2713\u5DF2\u7F13\u51B2"}`
+        );
+      }
+      resolve();
+    };
+    const onEnd = () => {
+      if (!audioReadyRef.current) return;
+      finish("waiting clip ended");
+    };
+    els.forEach((e) => e.addEventListener("ended", onEnd));
+    audioReady.then(() => {
+      audioReadyAt = performance.now();
+      const el = playing();
+      if (el) {
+        readyCt = el.currentTime;
+        readyDur = isFinite(el.duration) ? el.duration : 0;
+        readyState = el.readyState;
+        readyBuf = el.buffered.length ? el.buffered.end(el.buffered.length - 1) : 0;
+      }
+      console.log(`[gate] \u2705 all ready \u2014 waiting clip \u5728 ${readyCt.toFixed(2)}/${readyDur.toFixed(2)}s,\u9884\u8BA1\u8FD8\u9700\u7B49 ${((readyDur - readyCt) * 1e3).toFixed(0)}ms \u5230\u5B83\u64AD\u5B8C`);
+    }).catch(() => void 0);
+    setTimeout(() => finish("safety cap"), GATE_SAFETY_CAP_MS);
+  });
+  useEffect2(() => {
+    waitEls.current.forEach((el) => {
+      if (!el) return;
+      el.muted = true;
+      el.play().then(() => el.pause()).catch(() => void 0);
+    });
+  }, []);
+  useEffect2(() => {
+    if (callState === "connecting") return;
+    waitEls.current.forEach((el, i) => {
+      if (!el) return;
+      if (i === waitActive) {
+        if (el.paused) {
+          el.currentTime = 0;
+          el.play().catch(() => void 0);
+        }
+      } else {
+        el.pause();
+      }
+    });
+  }, [waitActive, waitSlots, callState]);
+  const playAudio = (bytes) => new Promise((resolve) => {
+    audioRef.current?.pause();
+    const url = URL.createObjectURL(new Blob([bytes], { type: "audio/mpeg" }));
+    const audio = new Audio(url);
+    audio.muted = !speakerOnRef.current;
+    audioRef.current = audio;
+    const done = () => {
+      URL.revokeObjectURL(url);
+      resolve();
+    };
+    audio.onplaying = () => console.log(`[turn] \u{1F50A} audio playing (dur\u2248${audio.duration?.toFixed(2) ?? "?"}s)`);
+    audio.onended = () => {
+      console.log("[turn] \u{1F507} audio ended");
+      done();
+    };
+    audio.onerror = done;
+    void audio.play().catch(done);
+  });
+  const playGreetingVideo = () => new Promise((resolve) => {
+    setCallState("speaking");
+    setGreetingShown(true);
+    greetingEndRef.current = () => {
+      setGreetingShown(false);
+      setGreetingReady(false);
+      resolve();
+    };
+  });
+  const speakReply = async (text, emotion) => {
+    setCallState("speaking");
+    const clip = selectSpeakingClip(text, speakingClips);
+    const idx = clip ? speakingClips.findIndex((c) => c.id === clip.id) : -1;
+    console.log(`[speaking] pick: ${clip ? `id=${clip.id} kind=${clip.kind ?? "preset"} idx=${idx}` : "NO CLIP (TTS over waiting)"} \xB7 ${speakingClips.length} clips \xB7 emotion=${emotion ?? "\u2014"}`);
+    speakingPendingRef.current = true;
+    audioReadyRef.current = false;
+    try {
+      const synthP = synth && voiceId ? synth.synthesize({ text, voiceId, ...voiceModelId ? { modelId: voiceModelId } : {}, ...emotion ? { emotion } : {} }) : Promise.resolve(null);
+      const audioReady = synthP.then(() => {
+        audioReadyRef.current = true;
+      }).catch(() => {
+        audioReadyRef.current = true;
+      });
+      await waitForWaitingClipEnd(audioReady);
+      const bytes = await synthP.catch(() => null);
+      thinkingActiveRef.current = false;
+      if (idx >= 0) {
+        setActiveIdx(idx);
+        const el2 = speakingEls.current[idx];
+        if (el2) {
+          console.log(`[speaking] el.duration=${isFinite(el2.duration) ? el2.duration.toFixed(2) : "NaN"} \u2192 play()`);
+          el2.currentTime = 0;
+          el2.loop = true;
+          el2.play().then(() => {
+            console.log("[speaking] \u25B6 revealed");
+            setSpeakingOpacity(1);
+          }).catch(() => setSpeakingOpacity(1));
+        } else {
+          setSpeakingOpacity(1);
+        }
+      }
+      if (bytes) await playAudio(bytes);
+      else await new Promise((r) => setTimeout(r, Math.min(6e3, 1200 + text.length * 60)));
+      const el = idx >= 0 ? speakingEls.current[idx] : null;
+      if (el) {
+        el.loop = false;
+        if (el.ended || isFinite(el.duration) && el.duration - el.currentTime <= 0.1) {
+          console.log(`[speaking] audio ended: clip already at end (ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : "?"}) \u2192 fade`);
+        } else {
+          const tEnd = performance.now();
+          console.log(`[speaking] audio ended: play clip THROUGH to natural end (ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : "?"})`);
+          await new Promise((resolve) => {
+            let done = false;
+            const finish = (why) => {
+              if (done) return;
+              done = true;
+              el.removeEventListener("ended", onNativeEnd);
+              console.log(`[speaking] clip end via ${why} @ ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : "?"} (+${((performance.now() - tEnd) / 1e3).toFixed(2)}s) \u2192 fade`);
+              resolve();
+            };
+            const onNativeEnd = () => finish("native ended");
+            el.addEventListener("ended", onNativeEnd);
+            setTimeout(() => finish("safety cap"), TAIL_SAFETY_CAP_MS);
+          });
+        }
+      }
+    } finally {
+      speakingPendingRef.current = false;
+      audioReadyRef.current = false;
+      setSpeakingOpacity(0);
+      console.log("[speaking] \u23F9 faded \u2192 waiting");
+    }
+  };
+  const handleUtterance = async (text) => {
+    const t = text.trim();
+    if (!t || !chatPort) return;
+    if (stateRef.current === "thinking" || stateRef.current === "speaking") {
+      console.log(`[turn] \u26D4 ignored "${t.slice(0, 30)}" \u2014 busy (${stateRef.current}); LLM NOT called`);
+      return;
+    }
+    const t0 = performance.now();
+    console.log("[turn] \u23F1 0ms \u2014 user submitted:", t);
+    speech.stop();
+    setLatestUser(t);
+    setCallState("thinking");
+    const history = historyRef.current;
+    historyRef.current = [...history, { id: crypto.randomUUID(), role: "user", content: t }];
+    try {
+      const raw = await chatPort.complete(buildPrompt(persona, history, t));
+      const reply = parseReply(raw);
+      console.log(`[turn] \u{1F9E0} LLM ${(performance.now() - t0).toFixed(0)}ms \u2192 mood=${reply.mood} text="${reply.text.slice(0, 40)}"`);
+      historyRef.current = [...historyRef.current, { id: crypto.randomUUID(), role: "assistant", content: reply.text }];
+      setLatestAi(reply.text);
+      setMood(reply.mood);
+      await speakReply(reply.text, reply.mood);
+      console.log(`[turn] \u{1F3C1} done ${(performance.now() - t0).toFixed(0)}ms`);
+    } catch (err) {
+      setLatestAi(`(\u51FA\u9519:${err instanceof Error ? err.message : String(err)})`);
+    } finally {
+      setCallState("listening");
+    }
+  };
+  const speech = useCallSpeech(handleUtterance, speechLang);
+  useEffect2(() => {
+    if (bootedRef.current) return;
+    bootedRef.current = true;
+    void (async () => {
+      try {
+        if (persona.greetingVideoUrl) await playGreetingVideo();
+        else if (persona.greeting && synth && voiceId) await speakReply(persona.greeting);
+      } finally {
+        setCallState("listening");
+      }
+    })();
+  }, []);
+  useEffect2(
+    () => () => {
+      audioRef.current?.pause();
+      speech.stop();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  useEffect2(() => {
+    if (callState === "listening" && !muted) speech.start();
+    else speech.stop();
+  }, [callState, muted]);
+  const inputActive = typed.trim().length > 0 || speech.draft.trim().length > 0;
+  useEffect2(() => {
+    if (inputActive) enterThinkingWaiting();
+    else if (callState === "listening") exitThinkingWaiting();
+  }, [inputActive]);
+  const toggleSpeaker = () => {
+    setSpeakerOn((on) => {
+      const next = !on;
+      if (audioRef.current) audioRef.current.muted = !next;
+      return next;
+    });
+  };
+  const endCall = () => {
+    setCallState("ended");
+    audioRef.current?.pause();
+    speech.stop();
+    onClose();
+  };
+  const sendTyped = () => {
+    const t = typed.trim();
+    if (!t) return;
+    setTyped("");
+    void handleUtterance(t);
+  };
+  const thinking = callState === "thinking";
+  const hasWaiting = !!(waitSlots[0] || waitSlots[1]);
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-black text-white", children: [
+    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden bg-black", children: [
+      videoOn && hasWaiting ? [0, 1].map((slot) => {
+        const url = waitSlots[slot];
+        return url ? /* @__PURE__ */ jsx(
+          "video",
+          {
+            ref: (el) => {
+              waitEls.current[slot] = el;
+            },
+            src: url,
+            preload: "auto",
+            muted: true,
+            playsInline: true,
+            onEnded: slot === waitActive ? () => {
+              if (speakingPendingRef.current && audioReadyRef.current) return;
+              swapToFreshWaiting();
+            } : void 0,
+            className: layerCls,
+            style: {
+              // Active waiting slot stays a SOLID opacity-1 layer — it does
+              // NOT fade with speakingOpacity. The speaking layer (zIndex 2)
+              // fades in ON TOP of it, so there's no moment where both are
+              // partly transparent and the black stage bleeds through (the
+              // old `1 - speakingOpacity` + conditional-transition combo hit a
+              // same-frame CSS gotcha: opacity snapped to 0 before the fade
+              // registered → a quick black flash). Inactive slot = 0. Swaps
+              // stay instant (no transition) — same idle pose, invisible.
+              opacity: slot === waitActive ? 1 : 0,
+              transition: "none"
+            }
+          },
+          slot
+        ) : null;
+      }) : !videoOn || !hasWaiting ? persona.avatarUrl ? /* @__PURE__ */ jsx("img", { src: persona.avatarUrl, alt: persona.name, className: `${layerCls} opacity-90` }) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gradient-to-b from-slate-800 to-slate-950" }) : null,
+      videoOn ? speakingClips.map((clip, i) => /* @__PURE__ */ jsx(
+        "video",
+        {
+          ref: (el) => {
+            speakingEls.current[i] = el;
+          },
+          src: clip.videoUrl,
+          muted: true,
+          loop: true,
+          playsInline: true,
+          preload: "auto",
+          className: layerCls,
+          style: { opacity: i === activeIdx ? speakingOpacity : 0, transition: i === activeIdx ? "opacity 0.25s ease" : "none", zIndex: 2 }
+        },
+        clip.id
+      )) : null,
+      videoOn && greetingShown && persona.greetingVideoUrl ? /* @__PURE__ */ jsx(
+        "video",
+        {
+          src: persona.greetingVideoUrl,
+          autoPlay: true,
+          playsInline: true,
+          onPlaying: () => setGreetingReady(true),
+          onEnded: () => greetingEndRef.current?.(),
+          onError: () => greetingEndRef.current?.(),
+          className: layerCls,
+          style: { opacity: greetingReady ? 1 : 0, transition: "opacity 0.25s ease", zIndex: 3 }
+        },
+        persona.greetingVideoUrl
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `absolute inset-0 z-20 flex flex-col items-center justify-center gap-5 bg-black transition-opacity duration-500 ${callState === "connecting" ? "opacity-100" : "pointer-events-none opacity-0"}`,
+        children: [
+          persona.avatarUrl ? /* @__PURE__ */ jsx("img", { src: persona.avatarUrl, alt: persona.name, className: "h-24 w-24 rounded-full object-cover ring-2 ring-white/20" }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-white/80", children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+              "\u63A5\u901A ",
+              persona.name,
+              "\u2026"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-full bg-black/40 px-3 py-1.5 backdrop-blur", children: [
+        /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${thinking ? "animate-pulse bg-amber-400" : callState === "speaking" ? "bg-green-400" : "bg-white/60"}` }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: persona.name }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-white/60", children: [
+          "\xB7 ",
+          STATUS[callState]
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setShowCaptions((v) => !v), title: "\u5B57\u5E55", className: `rounded-full p-2 backdrop-blur transition ${showCaptions ? "bg-white/20" : "bg-black/40 text-white/60"}`, children: /* @__PURE__ */ jsx(Subtitles, { className: "h-4 w-4" }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+    showCaptions ? /* @__PURE__ */ jsxs("div", { className: "relative z-10 space-y-2 px-6 pb-2", children: [
+      latestUser ? /* @__PURE__ */ jsx("p", { className: "ml-auto max-w-[80%] text-right text-sm text-white/70", children: /* @__PURE__ */ jsx("span", { className: "rounded-2xl bg-white/10 px-3 py-1.5 backdrop-blur", children: latestUser }) }) : null,
+      latestAi ? /* @__PURE__ */ jsx("p", { className: "max-w-[80%] text-sm", children: /* @__PURE__ */ jsx("span", { className: "inline-block rounded-2xl bg-black/50 px-3 py-1.5 leading-relaxed backdrop-blur", children: thinking ? /* @__PURE__ */ jsx(Loader2, { className: "inline h-3.5 w-3.5 animate-spin" }) : `${persona.name}: ${latestAi}` }) }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col gap-3 bg-gradient-to-t from-black/80 to-transparent px-4 pb-5 pt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setMuted((v) => !v), title: muted ? "\u53D6\u6D88\u9759\u97F3" : "\u9EA6\u514B\u98CE\u9759\u97F3", className: `${ctlBtn} ${muted ? ctlOff : ctlOn}`, children: muted ? /* @__PURE__ */ jsx(MicOff, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Mic, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setVideoOn((v) => !v), title: videoOn ? "\u5173\u95ED\u89C6\u9891" : "\u5F00\u542F\u89C6\u9891", className: `${ctlBtn} ${videoOn ? ctlOn : ctlOff}`, children: videoOn ? /* @__PURE__ */ jsx(Video, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(VideoOff, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: toggleSpeaker, title: speakerOn ? "\u5173\u95ED\u5916\u653E" : "\u5F00\u542F\u5916\u653E", className: `${ctlBtn} ${speakerOn ? ctlOn : ctlOff}`, children: speakerOn ? /* @__PURE__ */ jsx(Volume2, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(VolumeX, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: endCall, title: "\u6302\u65AD", className: "flex h-14 w-14 items-center justify-center rounded-full bg-red-600 text-white transition hover:bg-red-700", children: /* @__PURE__ */ jsx(PhoneOff, { className: "h-6 w-6" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: typed,
+            onChange: (e) => setTyped(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                sendTyped();
+              }
+            },
+            disabled: !chatPort || thinking,
+            placeholder: chatPort ? "\u8BF4\u8BDD,\u6216\u5728\u6B64\u8F93\u5165\u2026" : "\u9700\u6CE8\u5165 ChatPort",
+            className: "h-10 flex-1 rounded-full border border-white/20 bg-white/10 px-4 text-sm text-white placeholder-white/50 outline-none backdrop-blur focus:border-white/40 disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: sendTyped, disabled: !chatPort || thinking || !typed.trim(), className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/90 text-slate-900 transition disabled:opacity-40", children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  VideoCall,
+  pickWaitingVideo,
+  selectSpeakingClip
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/calc/select.ts","../src/ui/VideoCall.tsx","../src/ui/useCallSpeech.ts"],"sourcesContent":["// Pure selection helpers (calculation) for the call.\n\nimport type { WaitingVideo, WaitingTier } from '@surfmate.team/digital-human-waiting'\nimport type { SpeakingClip } from '@surfmate.team/digital-human-speaking'\nimport { selectClip } from '@surfmate.team/digital-human-clip-core'\n\n/**\n * Pick a waiting-loop clip for the given tier, preferring the current mood.\n * Falls back tier → primary → any. Deterministic (first match) for v1.\n */\nexport function pickWaitingVideo(\n  videos: readonly WaitingVideo[],\n  tier: WaitingTier,\n  mood?: string,\n): WaitingVideo | null {\n  const inTier = videos.filter((v) => (v.tier ?? 'primary') === tier)\n  const pool = inTier.length ? inTier : videos.filter((v) => (v.tier ?? 'primary') === 'primary')\n  const base = pool.length ? pool : [...videos]\n  if (!base.length) return null\n  const moodMatch = mood ? base.filter((v) => v.mood === mood) : []\n  const chosen = moodMatch.length ? moodMatch : base\n  return chosen[0] ?? null\n}\n\n/**\n * Pick the talking-head clip that best fits the AI reply, via the pure\n * clip-core: structural shape match → closest char count (longform/uploads fall\n * back as char-count candidates). Replaces the old \"just take the first clip\".\n */\nexport function selectSpeakingClip(aiText: string, clips: readonly SpeakingClip[]): SpeakingClip | null {\n  const result = selectClip(\n    aiText,\n    clips.map((c) => ({ id: c.id, sourceText: c.sourceText })),\n  )\n  if (result.tag === 'empty') return null\n  return clips.find((c) => c.id === result.id) ?? null\n}\n","import { useEffect, useMemo, useRef, useState } from 'react'\nimport { Mic, MicOff, Video, VideoOff, Volume2, VolumeX, PhoneOff, Send, Subtitles, Loader2 } from 'lucide-react'\nimport {\n  buildPrompt,\n  parseReply,\n  type CharacterPersona,\n  type ChatMessage,\n  type ChatMood,\n  type ChatPort,\n} from '@surfmate.team/digital-human-conversation'\nimport type { VoiceSynthesisPort } from '@surfmate.team/digital-human-voice'\nimport type { WaitingVideo } from '@surfmate.team/digital-human-waiting'\nimport type { SpeakingClip } from '@surfmate.team/digital-human-speaking'\nimport { selectSpeakingClip } from '../calc/select'\nimport { useCallSpeech } from './useCallSpeech'\n\ntype CallState = 'connecting' | 'listening' | 'thinking' | 'speaking' | 'ended'\n\ntype Props = {\n  readonly persona: CharacterPersona\n  readonly chatPort?: ChatPort | undefined\n  readonly synth?: VoiceSynthesisPort | undefined\n  readonly voiceId?: string | undefined\n  readonly voiceModelId?: string | undefined\n  readonly waitingVideos?: readonly WaitingVideo[] | undefined\n  readonly speakingClips?: readonly SpeakingClip[] | undefined\n  readonly onClose: () => void\n  readonly speechLang?: string | undefined\n}\n\nconst STATUS: Record<CallState, string> = {\n  connecting: '接通中…',\n  listening: '聆听中…',\n  thinking: '思考中…',\n  speaking: '说话中…',\n  ended: '已结束',\n}\n\nconst GATE_SAFETY_CAP_MS = 15000 // hard backstop so the gate can never hang if 'ended' never fires\nconst TAIL_SAFETY_CAP_MS = 12000 // hard backstop so the speaking tail can never hang\nconst layerCls = 'absolute inset-0 h-full w-full object-contain'\nconst ctlBtn = 'flex h-12 w-12 items-center justify-center rounded-full transition'\nconst ctlOn = 'bg-white/90 text-slate-900 hover:bg-white'\nconst ctlOff = 'bg-red-600/90 text-white hover:bg-red-600'\n\nconst tier = (v: WaitingVideo): string => v.tier ?? 'primary'\nconst pickRandom = (pool: readonly WaitingVideo[], exclude?: string | null): string | null => {\n  if (!pool.length) return null\n  const opts = pool.filter((v) => v.url !== exclude)\n  const arr = opts.length ? opts : pool\n  return arr[Math.floor(Math.random() * arr.length)]?.url ?? null\n}\n\n/**\n * Full-screen video call — playback engine ported from mate's VideoCallModal.\n * SMOOTH ONLY: every clip plays THROUGH to its natural end at NORMAL 1× speed —\n * never cut, never sped up.\n *  - waiting layer = two NON-looping <video> slots, preloaded; loop manually via\n *    onEnded → swapToFreshWaiting (flip active + preload next from the right pool).\n *  - No-cut gate: the waiting clip keeps looping until the TTS audio is ready,\n *    then plays to its natural idle-end; on that end we freeze it (suppress the\n *    swap) and reveal the speaking clip on that exact idle pose — precise\n *    connection, no fresh clip flashing in.\n *  - speaking clips all preload=\"auto\"; active revealed after el.play() resolves,\n *    then plays THROUGH to its own native 'ended' before fading back to waiting.\n *  - thinking switch waits for the current clip's end too (never cut).\n *  - No blur, no speedup.\n */\nexport function VideoCall({\n  persona,\n  chatPort,\n  synth,\n  voiceId,\n  voiceModelId,\n  waitingVideos = [],\n  speakingClips = [],\n  onClose,\n  speechLang,\n}: Props) {\n  const [callState, setCallState] = useState<CallState>('connecting')\n  const [mood, setMood] = useState<ChatMood | undefined>(undefined)\n  const [latestAi, setLatestAi] = useState(persona.greeting ?? '')\n  const [latestUser, setLatestUser] = useState('')\n  const [muted, setMuted] = useState(false)\n  const [videoOn, setVideoOn] = useState(true)\n  const [speakerOn, setSpeakerOn] = useState(true)\n  const [showCaptions, setShowCaptions] = useState(true)\n  const [activeIdx, setActiveIdx] = useState(-1)\n  const [speakingOpacity, setSpeakingOpacity] = useState(0)\n  const [greetingShown, setGreetingShown] = useState(false)\n  const [greetingReady, setGreetingReady] = useState(false)\n  const [typed, setTyped] = useState('')\n\n  const defaultPool = useMemo(() => waitingVideos.filter((v) => tier(v) !== 'idle' && tier(v) !== 'thinking'), [waitingVideos])\n  const thinkingPool = useMemo(() => waitingVideos.filter((v) => v.tier === 'thinking'), [waitingVideos])\n  const poolForMood = (m?: string): readonly WaitingVideo[] => {\n    const base = defaultPool.length ? defaultPool : waitingVideos\n    const moodMatch = m ? base.filter((v) => v.mood === m) : []\n    return moodMatch.length ? moodMatch : base\n  }\n\n  // Two non-looping waiting slots (mate): slot 0 plays, slot 1 preloads next.\n  const [waitSlots, setWaitSlots] = useState<[string | null, string | null]>(() => {\n    const base = waitingVideos.filter((v) => tier(v) !== 'idle' && tier(v) !== 'thinking')\n    const pool = base.length ? base : [...waitingVideos]\n    const a = pickRandom(pool)\n    return [a, pickRandom(pool, a) ?? a]\n  })\n  const [waitActive, setWaitActive] = useState<0 | 1>(0)\n\n  const historyRef = useRef<ChatMessage[]>([])\n  const audioRef = useRef<HTMLAudioElement | null>(null)\n  const stateRef = useRef<CallState>('connecting')\n  const moodRef = useRef<ChatMood | undefined>(undefined)\n  const speakerOnRef = useRef(true)\n  const bootedRef = useRef(false)\n  const greetingEndRef = useRef<(() => void) | null>(null)\n  const speakingEls = useRef<(HTMLVideoElement | null)[]>([])\n  const waitEls = useRef<[HTMLVideoElement | null, HTMLVideoElement | null]>([null, null])\n  const waitActiveRef = useRef<0 | 1>(0)\n  // A speaking turn is staging its reveal. While true AND audio is ready, the\n  // waiting clip must NOT swap to a fresh clip on its 'ended' — it freezes on its\n  // idle-end frame so the speaking clip (idle-start) reveals on the SAME pose\n  // (precise connection). Before audio is ready it keeps looping (swap allowed).\n  const speakingPendingRef = useRef(false)\n  const audioReadyRef = useRef(false)\n  stateRef.current = callState\n  moodRef.current = mood\n  speakerOnRef.current = speakerOn\n  waitActiveRef.current = waitActive\n  const thinkingActiveRef = useRef(false)\n\n  // Manual loop / swap (mate swapToFreshWaiting): flip to the preloaded inactive\n  // slot, preload a fresh clip into the now-inactive slot (thinking pool while\n  // thinking, else mood/default pool).\n  const swapToFreshWaiting = () => {\n    const old = waitActiveRef.current\n    const next: 0 | 1 = old === 0 ? 1 : 0\n    waitActiveRef.current = next\n    setWaitActive(next)\n    setWaitSlots((s) => {\n      const showing = s[next]\n      const pool =\n        (thinkingActiveRef.current || stateRef.current === 'thinking') && thinkingPool.length\n          ? thinkingPool\n          : poolForMood(moodRef.current)\n      const fresh = pickRandom(pool, showing) ?? showing\n      return old === 0 ? [fresh, s[1]] : [s[0], fresh]\n    })\n  }\n\n  // Input start (typing / speaking) → arm the thinking pool. We NEVER flip the\n  // waiting video mid-play (that would cut the current clip). Just set the flag;\n  // the current clip plays to completion and the next natural clip-end swap picks\n  // the thinking pool (swapToFreshWaiting). callState is untouched, so the submit\n  // guard never blocks the LLM. Idempotent; no-op without thinking clips.\n  const enterThinkingWaiting = () => {\n    if (thinkingActiveRef.current || !thinkingPool.length) return\n    thinkingActiveRef.current = true\n  }\n  // Drop the flag — the next natural clip-end swap reverts to default (so the\n  // current thinking clip isn't cut mid-play).\n  const exitThinkingWaiting = () => {\n    thinkingActiveRef.current = false\n  }\n\n  // No-cut gate (mate waitForWaitingClipEnd): the waiting clip plays at NORMAL 1×\n  // speed (NO speedup, NO cap) and we resolve only on the idle-end that happens\n  // AFTER the TTS audio is ready — so the waiting clip is never cut and the reveal\n  // lands on a real idle boundary with audio in hand. Until audio is ready the\n  // clip just keeps looping (the swap fires). A large safety cap prevents a hang.\n  const waitForWaitingClipEnd = (audioReady: Promise<unknown>): Promise<void> =>\n    new Promise((resolve) => {\n      const els = waitEls.current.filter(Boolean) as HTMLVideoElement[]\n      const playing = () => els.find((e) => !e.paused && !e.ended)\n      if (!els.length || !playing()) {\n        resolve()\n        return\n      }\n      const t0 = performance.now()\n      let done = false\n      // When everything (LLM + TTS audio) is READY — the timestamp from which we\n      // then sit waiting for the current waiting clip to finish playing to its\n      // idle-end. THE core cost of smooth mode: the \"empty wait\" the user wants\n      // measured, super-highlighted, every turn.\n      let audioReadyAt = 0\n      // Snapshot of the playing waiting clip AT audio-ready — so SMOOTH WAIT can\n      // show its own derivation (clip length − already-played = remaining ≈ wait).\n      let readyCt = 0\n      let readyDur = 0\n      let readyState = 0\n      let readyBuf = 0\n      const finish = (why: string) => {\n        if (done) return\n        done = true\n        els.forEach((e) => e.removeEventListener('ended', onEnd))\n        const waited = audioReadyAt > 0 ? performance.now() - audioReadyAt : -1\n        console.log(`[gate] reveal via ${why} @ ${(performance.now() - t0).toFixed(0)}ms`)\n        if (waited >= 0) {\n          const remaining = readyDur - readyCt // expected wait, from the phase at ready\n          const jitterMs = waited - remaining * 1000 // event/decode slack over the expected\n          // ── SUPER HIGHLIGHTED, WITH THE MATH: how the number is derived.\n          console.log(\n            `%c ⏳ SMOOTH WAIT ${waited.toFixed(0)}ms  =  等待clip ${readyDur.toFixed(2)}s − 就绪时已播 ${readyCt.toFixed(2)}s (剩 ${remaining.toFixed(2)}s ≈ ${(remaining * 1000).toFixed(0)}ms) ${jitterMs >= 0 ? '+' : '−'}${Math.abs(jitterMs).toFixed(0)}ms 抖动 ·`,\n            'background:#ff2d55;color:#fff;font-size:18px;font-weight:900;padding:6px 10px;border-radius:6px;',\n          )\n          console.log(\n            `   ↑ 就绪瞬间 clip 在 ${(readyDur ? (readyCt / readyDur) * 100 : 0).toFixed(0)}% 处 · readyState=${readyState} buffered=${readyBuf.toFixed(2)}/${readyDur.toFixed(2)}${readyBuf + 0.01 < readyDur ? ' ⚠️未缓冲完' : ' ✓已缓冲'}`,\n          )\n        }\n        resolve()\n      }\n      const onEnd = () => {\n        if (!audioReadyRef.current) return // audio not ready → let it loop (swap fires)\n        finish('waiting clip ended')\n      }\n      els.forEach((e) => e.addEventListener('ended', onEnd))\n      audioReady\n        .then(() => {\n          audioReadyAt = performance.now()\n          const el = playing()\n          if (el) {\n            readyCt = el.currentTime\n            readyDur = isFinite(el.duration) ? el.duration : 0\n            readyState = el.readyState\n            readyBuf = el.buffered.length ? el.buffered.end(el.buffered.length - 1) : 0\n          }\n          console.log(`[gate] ✅ all ready — waiting clip 在 ${readyCt.toFixed(2)}/${readyDur.toFixed(2)}s,预计还需等 ${((readyDur - readyCt) * 1000).toFixed(0)}ms 到它播完`)\n        })\n        .catch(() => undefined)\n      setTimeout(() => finish('safety cap'), GATE_SAFETY_CAP_MS)\n    })\n\n  // Prewarm: at call-open, kick BOTH waiting slots (muted) to fetch + decode now,\n  // so the FIRST turn's loop doesn't stall on cold media — the main reason turn 1's\n  // SMOOTH WAIT is the largest (clips aren't in the browser cache yet). Play→pause\n  // forces the decode; the playback owner below takes over once the call connects.\n  useEffect(() => {\n    waitEls.current.forEach((el) => {\n      if (!el) return\n      el.muted = true\n      el.play().then(() => el.pause()).catch(() => undefined)\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Waiting playback owner: the active slot plays (from 0), the inactive pauses.\n  useEffect(() => {\n    if (callState === 'connecting') return\n    waitEls.current.forEach((el, i) => {\n      if (!el) return\n      if (i === waitActive) {\n        if (el.paused) {\n          el.currentTime = 0\n          el.play().catch(() => undefined)\n        }\n      } else {\n        el.pause()\n      }\n    })\n  }, [waitActive, waitSlots, callState])\n\n  const playAudio = (bytes: ArrayBuffer): Promise<void> =>\n    new Promise((resolve) => {\n      audioRef.current?.pause()\n      const url = URL.createObjectURL(new Blob([bytes], { type: 'audio/mpeg' }))\n      const audio = new Audio(url)\n      audio.muted = !speakerOnRef.current\n      audioRef.current = audio\n      const done = () => {\n        URL.revokeObjectURL(url)\n        resolve()\n      }\n      audio.onplaying = () => console.log(`[turn] 🔊 audio playing (dur≈${audio.duration?.toFixed(2) ?? '?'}s)`)\n      audio.onended = () => {\n        console.log('[turn] 🔇 audio ended')\n        done()\n      }\n      audio.onerror = done\n      void audio.play().catch(done)\n    })\n\n  const playGreetingVideo = (): Promise<void> =>\n    new Promise((resolve) => {\n      setCallState('speaking')\n      setGreetingShown(true)\n      greetingEndRef.current = () => {\n        setGreetingShown(false)\n        setGreetingReady(false)\n        resolve()\n      }\n    })\n\n  const speakReply = async (text: string, emotion?: string) => {\n    setCallState('speaking')\n    const clip = selectSpeakingClip(text, speakingClips)\n    const idx = clip ? speakingClips.findIndex((c) => c.id === clip.id) : -1\n    console.log(`[speaking] pick: ${clip ? `id=${clip.id} kind=${clip.kind ?? 'preset'} idx=${idx}` : 'NO CLIP (TTS over waiting)'} · ${speakingClips.length} clips · emotion=${emotion ?? '—'}`)\n    // Stage the reveal: until audio is ready the waiting clip keeps looping; once\n    // ready, its next idle-end freezes (no swap) so speaking reveals on that pose.\n    speakingPendingRef.current = true\n    audioReadyRef.current = false\n    try {\n      // Synthesize in parallel with the no-cut gate; flag audio-ready when done.\n      const synthP: Promise<ArrayBuffer | null> =\n        synth && voiceId\n          ? synth.synthesize({ text, voiceId, ...(voiceModelId ? { modelId: voiceModelId } : {}), ...(emotion ? { emotion } : {}) })\n          : Promise.resolve(null)\n      const audioReady = synthP.then(() => { audioReadyRef.current = true }).catch(() => { audioReadyRef.current = true })\n\n      // NO-CUT GATE: let the waiting clip reach its idle end (after audio ready).\n      await waitForWaitingClipEnd(audioReady)\n      const bytes = await synthP.catch(() => null)\n\n      // Reveal ONLY once the clip is actually playing (mate): revealing while\n      // play() is still pending can flash a frozen frame-0 for a beat. play()\n      // resolve → reveal in lockstep with motion; reject (autoplay race) →\n      // reveal anyway (the freeze-watchdog will kick it).\n      thinkingActiveRef.current = false // AI is speaking now → thinking phase over\n      if (idx >= 0) {\n        setActiveIdx(idx)\n        const el = speakingEls.current[idx]\n        if (el) {\n          console.log(`[speaking] el.duration=${isFinite(el.duration) ? el.duration.toFixed(2) : 'NaN'} → play()`)\n          el.currentTime = 0\n          el.loop = true\n          el.play().then(() => { console.log('[speaking] ▶ revealed'); setSpeakingOpacity(1) }).catch(() => setSpeakingOpacity(1))\n        } else {\n          setSpeakingOpacity(1)\n        }\n      }\n      if (bytes) await playAudio(bytes)\n      else await new Promise((r) => setTimeout(r, Math.min(6000, 1200 + text.length * 60)))\n\n      // Play the speaking clip THROUGH to its real end, THEN fade — no cut. The\n      // end is driven off the native 'ended' event (NOT a duration timer), so a\n      // clip whose metadata under-reports its length can't be cut short. Stop\n      // looping so it ends naturally; if it already ended at audio-stop, fade now.\n      const el = idx >= 0 ? speakingEls.current[idx] : null\n      if (el) {\n        el.loop = false\n        if (el.ended || (isFinite(el.duration) && el.duration - el.currentTime <= 0.1)) {\n          console.log(`[speaking] audio ended: clip already at end (ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : '?'}) → fade`)\n        } else {\n          const tEnd = performance.now()\n          console.log(`[speaking] audio ended: play clip THROUGH to natural end (ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : '?'})`)\n          await new Promise<void>((resolve) => {\n            let done = false\n            const finish = (why: string) => {\n              if (done) return\n              done = true\n              el.removeEventListener('ended', onNativeEnd)\n              console.log(`[speaking] clip end via ${why} @ ct=${el.currentTime.toFixed(2)}/${isFinite(el.duration) ? el.duration.toFixed(2) : '?'} (+${((performance.now() - tEnd) / 1000).toFixed(2)}s) → fade`)\n              resolve()\n            }\n            const onNativeEnd = () => finish('native ended')\n            el.addEventListener('ended', onNativeEnd)\n            setTimeout(() => finish('safety cap'), TAIL_SAFETY_CAP_MS)\n          })\n        }\n      }\n    } finally {\n      speakingPendingRef.current = false\n      audioReadyRef.current = false\n      setSpeakingOpacity(0)\n      console.log('[speaking] ⏹ faded → waiting')\n    }\n  }\n\n  const handleUtterance = async (text: string) => {\n    const t = text.trim()\n    if (!t || !chatPort) return\n    if (stateRef.current === 'thinking' || stateRef.current === 'speaking') {\n      console.log(`[turn] ⛔ ignored \"${t.slice(0, 30)}\" — busy (${stateRef.current}); LLM NOT called`)\n      return\n    }\n    const t0 = performance.now()\n    console.log('[turn] ⏱ 0ms — user submitted:', t)\n    speech.stop()\n    setLatestUser(t)\n    setCallState('thinking')\n    const history = historyRef.current\n    historyRef.current = [...history, { id: crypto.randomUUID(), role: 'user', content: t }]\n    try {\n      const raw = await chatPort.complete(buildPrompt(persona, history, t))\n      const reply = parseReply(raw)\n      console.log(`[turn] 🧠 LLM ${(performance.now() - t0).toFixed(0)}ms → mood=${reply.mood} text=\"${reply.text.slice(0, 40)}\"`)\n      historyRef.current = [...historyRef.current, { id: crypto.randomUUID(), role: 'assistant', content: reply.text }]\n      setLatestAi(reply.text)\n      setMood(reply.mood)\n      await speakReply(reply.text, reply.mood)\n      console.log(`[turn] 🏁 done ${(performance.now() - t0).toFixed(0)}ms`)\n    } catch (err) {\n      setLatestAi(`(出错:${err instanceof Error ? err.message : String(err)})`)\n    } finally {\n      setCallState('listening')\n    }\n  }\n\n  const speech = useCallSpeech(handleUtterance, speechLang)\n\n  useEffect(() => {\n    if (bootedRef.current) return\n    bootedRef.current = true\n    void (async () => {\n      try {\n        if (persona.greetingVideoUrl) await playGreetingVideo()\n        else if (persona.greeting && synth && voiceId) await speakReply(persona.greeting)\n      } finally {\n        setCallState('listening')\n      }\n    })()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  useEffect(\n    () => () => {\n      audioRef.current?.pause()\n      speech.stop()\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  )\n\n  useEffect(() => {\n    if (callState === 'listening' && !muted) speech.start()\n    else speech.stop()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [callState, muted])\n\n  // The moment the user starts inputting (typing OR live speech transcript),\n  // soft-switch the waiting loop to the thinking pool (mate). callState stays\n  // 'listening' until submit — only the video changes — so this can never block\n  // the LLM call. Clearing the input without sending reverts at the next swap.\n  const inputActive = typed.trim().length > 0 || speech.draft.trim().length > 0\n  useEffect(() => {\n    if (inputActive) enterThinkingWaiting()\n    else if (callState === 'listening') exitThinkingWaiting()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [inputActive])\n\n  const toggleSpeaker = () => {\n    setSpeakerOn((on) => {\n      const next = !on\n      if (audioRef.current) audioRef.current.muted = !next\n      return next\n    })\n  }\n\n  const endCall = () => {\n    setCallState('ended')\n    audioRef.current?.pause()\n    speech.stop()\n    onClose()\n  }\n\n  const sendTyped = () => {\n    const t = typed.trim()\n    if (!t) return\n    setTyped('')\n    void handleUtterance(t)\n  }\n\n  const thinking = callState === 'thinking'\n  const hasWaiting = !!(waitSlots[0] || waitSlots[1])\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex flex-col bg-black text-white\">\n      <div className=\"absolute inset-0 overflow-hidden bg-black\">\n        {/* Waiting — two NON-looping slots (mate); active visible, fades as speaking rises */}\n        {videoOn && hasWaiting\n          ? ([0, 1] as const).map((slot) => {\n              const url = waitSlots[slot]\n              return url ? (\n                <video\n                  key={slot}\n                  ref={(el) => {\n                    waitEls.current[slot] = el\n                  }}\n                  src={url}\n                  preload=\"auto\"\n                  muted\n                  playsInline\n                  onEnded={\n                    slot === waitActive\n                      ? () => {\n                          // Freeze on this idle-end frame (no fresh swap) once a\n                          // reveal is staged AND audio is ready, so the speaking\n                          // clip reveals on this exact idle pose — precise\n                          // connection, no fresh clip flashing in. Otherwise keep\n                          // looping the waiting double-buffer.\n                          if (speakingPendingRef.current && audioReadyRef.current) return\n                          swapToFreshWaiting()\n                        }\n                      : undefined\n                  }\n                  className={layerCls}\n                  style={{\n                    // Active waiting slot stays a SOLID opacity-1 layer — it does\n                    // NOT fade with speakingOpacity. The speaking layer (zIndex 2)\n                    // fades in ON TOP of it, so there's no moment where both are\n                    // partly transparent and the black stage bleeds through (the\n                    // old `1 - speakingOpacity` + conditional-transition combo hit a\n                    // same-frame CSS gotcha: opacity snapped to 0 before the fade\n                    // registered → a quick black flash). Inactive slot = 0. Swaps\n                    // stay instant (no transition) — same idle pose, invisible.\n                    opacity: slot === waitActive ? 1 : 0,\n                    transition: 'none',\n                  }}\n                />\n              ) : null\n            })\n          : !videoOn || !hasWaiting ? (\n            persona.avatarUrl ? (\n              <img src={persona.avatarUrl} alt={persona.name} className={`${layerCls} opacity-90`} />\n            ) : (\n              <div className=\"h-full w-full bg-gradient-to-b from-slate-800 to-slate-950\" />\n            )\n          ) : null}\n\n        {/* Speaking — ALL clips preloaded; active revealed after play() */}\n        {videoOn\n          ? speakingClips.map((clip, i) => (\n              <video\n                key={clip.id}\n                ref={(el) => {\n                  speakingEls.current[i] = el\n                }}\n                src={clip.videoUrl}\n                muted\n                loop\n                playsInline\n                preload=\"auto\"\n                className={layerCls}\n                style={{ opacity: i === activeIdx ? speakingOpacity : 0, transition: i === activeIdx ? 'opacity 0.25s ease' : 'none', zIndex: 2 }}\n              />\n            ))\n          : null}\n\n        {/* Greeting video — baked audio, UNMUTED, revealed after playing */}\n        {videoOn && greetingShown && persona.greetingVideoUrl ? (\n          <video\n            key={persona.greetingVideoUrl}\n            src={persona.greetingVideoUrl}\n            autoPlay\n            playsInline\n            onPlaying={() => setGreetingReady(true)}\n            onEnded={() => greetingEndRef.current?.()}\n            onError={() => greetingEndRef.current?.()}\n            className={layerCls}\n            style={{ opacity: greetingReady ? 1 : 0, transition: 'opacity 0.25s ease', zIndex: 3 }}\n          />\n        ) : null}\n      </div>\n\n      {/* Loading scrim */}\n      <div\n        className={`absolute inset-0 z-20 flex flex-col items-center justify-center gap-5 bg-black transition-opacity duration-500 ${\n          callState === 'connecting' ? 'opacity-100' : 'pointer-events-none opacity-0'\n        }`}\n      >\n        {persona.avatarUrl ? <img src={persona.avatarUrl} alt={persona.name} className=\"h-24 w-24 rounded-full object-cover ring-2 ring-white/20\" /> : null}\n        <div className=\"flex items-center gap-2 text-white/80\">\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n          <span className=\"text-sm\">接通 {persona.name}…</span>\n        </div>\n      </div>\n\n      {/* Top bar */}\n      <div className=\"relative z-10 flex items-center justify-between p-4\">\n        <div className=\"flex items-center gap-2 rounded-full bg-black/40 px-3 py-1.5 backdrop-blur\">\n          <span className={`h-2 w-2 rounded-full ${thinking ? 'animate-pulse bg-amber-400' : callState === 'speaking' ? 'bg-green-400' : 'bg-white/60'}`} />\n          <span className=\"text-sm font-medium\">{persona.name}</span>\n          <span className=\"text-xs text-white/60\">· {STATUS[callState]}</span>\n        </div>\n        <button type=\"button\" onClick={() => setShowCaptions((v) => !v)} title=\"字幕\" className={`rounded-full p-2 backdrop-blur transition ${showCaptions ? 'bg-white/20' : 'bg-black/40 text-white/60'}`}>\n          <Subtitles className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      <div className=\"flex-1\" />\n\n      {/* Captions */}\n      {showCaptions ? (\n        <div className=\"relative z-10 space-y-2 px-6 pb-2\">\n          {latestUser ? (\n            <p className=\"ml-auto max-w-[80%] text-right text-sm text-white/70\">\n              <span className=\"rounded-2xl bg-white/10 px-3 py-1.5 backdrop-blur\">{latestUser}</span>\n            </p>\n          ) : null}\n          {latestAi ? (\n            <p className=\"max-w-[80%] text-sm\">\n              <span className=\"inline-block rounded-2xl bg-black/50 px-3 py-1.5 leading-relaxed backdrop-blur\">\n                {thinking ? <Loader2 className=\"inline h-3.5 w-3.5 animate-spin\" /> : `${persona.name}: ${latestAi}`}\n              </span>\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* Controls */}\n      <div className=\"relative z-10 flex flex-col gap-3 bg-gradient-to-t from-black/80 to-transparent px-4 pb-5 pt-4\">\n        <div className=\"flex items-center justify-center gap-4\">\n          <button type=\"button\" onClick={() => setMuted((v) => !v)} title={muted ? '取消静音' : '麦克风静音'} className={`${ctlBtn} ${muted ? ctlOff : ctlOn}`}>\n            {muted ? <MicOff className=\"h-5 w-5\" /> : <Mic className=\"h-5 w-5\" />}\n          </button>\n          <button type=\"button\" onClick={() => setVideoOn((v) => !v)} title={videoOn ? '关闭视频' : '开启视频'} className={`${ctlBtn} ${videoOn ? ctlOn : ctlOff}`}>\n            {videoOn ? <Video className=\"h-5 w-5\" /> : <VideoOff className=\"h-5 w-5\" />}\n          </button>\n          <button type=\"button\" onClick={toggleSpeaker} title={speakerOn ? '关闭外放' : '开启外放'} className={`${ctlBtn} ${speakerOn ? ctlOn : ctlOff}`}>\n            {speakerOn ? <Volume2 className=\"h-5 w-5\" /> : <VolumeX className=\"h-5 w-5\" />}\n          </button>\n          <button type=\"button\" onClick={endCall} title=\"挂断\" className=\"flex h-14 w-14 items-center justify-center rounded-full bg-red-600 text-white transition hover:bg-red-700\">\n            <PhoneOff className=\"h-6 w-6\" />\n          </button>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <input\n            value={typed}\n            onChange={(e) => setTyped(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                sendTyped()\n              }\n            }}\n            disabled={!chatPort || thinking}\n            placeholder={chatPort ? '说话,或在此输入…' : '需注入 ChatPort'}\n            className=\"h-10 flex-1 rounded-full border border-white/20 bg-white/10 px-4 text-sm text-white placeholder-white/50 outline-none backdrop-blur focus:border-white/40 disabled:opacity-50\"\n          />\n          <button type=\"button\" onClick={sendTyped} disabled={!chatPort || thinking || !typed.trim()} className=\"flex h-10 w-10 items-center justify-center rounded-full bg-white/90 text-slate-900 transition disabled:opacity-40\">\n            <Send className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useEffect, useRef, useState } from 'react'\n\n// Continuous speech recognition for the call: transcribes live, and after a\n// short silence fires onUtterance(text) — mate's \"2s silence = user finished\"\n// turn detection. Browser SpeechRecognition (Chrome/Edge), no backend.\n\ntype RecognitionLike = {\n  lang: string\n  continuous: boolean\n  interimResults: boolean\n  onresult: ((e: { results: ArrayLike<{ 0: { transcript: string }; isFinal: boolean }> }) => void) | null\n  onend: (() => void) | null\n  onerror: (() => void) | null\n  start(): void\n  stop(): void\n}\n\nfunction getCtor(): (new () => RecognitionLike) | null {\n  if (typeof window === 'undefined') return null\n  const w = window as unknown as Record<string, unknown>\n  return (w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null) as (new () => RecognitionLike) | null\n}\n\nconst SILENCE_MS = 2000\n\nexport function useCallSpeech(onUtterance: (text: string) => void, lang = 'zh-CN') {\n  const [listening, setListening] = useState(false)\n  const [draft, setDraft] = useState('')\n  const recRef = useRef<RecognitionLike | null>(null)\n  const silenceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const wantRef = useRef(false)\n  const supported = getCtor() !== null\n\n  const clearSilence = () => {\n    if (silenceRef.current) {\n      clearTimeout(silenceRef.current)\n      silenceRef.current = null\n    }\n  }\n\n  const stop = () => {\n    wantRef.current = false\n    clearSilence()\n    recRef.current?.stop()\n    recRef.current = null\n    setListening(false)\n    setDraft('')\n  }\n\n  const start = () => {\n    const Ctor = getCtor()\n    if (!Ctor || wantRef.current) return\n    const rec = new Ctor()\n    rec.lang = lang\n    rec.continuous = true\n    rec.interimResults = true\n    rec.onresult = (e) => {\n      let text = ''\n      for (let i = 0; i < e.results.length; i++) {\n        const r = e.results[i]\n        if (r) text += r[0].transcript\n      }\n      setDraft(text)\n      clearSilence()\n      if (text.trim()) {\n        silenceRef.current = setTimeout(() => {\n          const finalText = text.trim()\n          setDraft('')\n          onUtterance(finalText)\n        }, SILENCE_MS)\n      }\n    }\n    rec.onerror = () => {}\n    rec.onend = () => {\n      // Auto-restart while we still want to listen (recognition stops itself).\n      if (wantRef.current) {\n        try {\n          rec.start()\n        } catch {\n          /* already started */\n        }\n      } else {\n        setListening(false)\n      }\n    }\n    try {\n      rec.start()\n      recRef.current = rec\n      wantRef.current = true\n      setListening(true)\n    } catch {\n      /* ignore */\n    }\n  }\n\n  useEffect(() => () => stop(), [])\n\n  return { supported, listening, draft, start, stop }\n}\n"],"mappings":"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","names":["tier","useEffect","useRef","useState","useState","useRef","useEffect","el"]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@surfmate.team/digital-human-video-call",
+  "version": "0.1.0",
+  "description": "Full-screen 数字人通话 (video call) — the integration feature: LLM (conversation/ChatPort) + TTS (voice) + talking-head clips (speaking) + waiting-video loops (waiting) into a speak→reply→video→loop call.",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "dependencies": {
+    "lucide-react": "^0.460.0",
+    "@surfmate.team/digital-human-clip-core": "0.1.0",
+    "@surfmate.team/digital-human-conversation": "0.1.0",
+    "@surfmate.team/digital-human-speaking": "0.1.0",
+    "@surfmate.team/digital-human-voice": "0.1.0",
+    "@surfmate.team/digital-human-waiting": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.0",
+    "vitest": "^3.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}