dsh-vidi 0.5.0 → 0.5.1

package/lib/client.js

@@ -33525,11 +33525,31 @@ const Player = (0, react.forwardRef)(function Player(props, ref) {
 	const idleTimer = (0, react.useRef)();
 	/** Where playback was, so a new source (quality switch) continues from there. */
 	const lastTime = (0, react.useRef)(0);
+	const [held, setHeld] = (0, react.useState)(null);
+	const heldRef = (0, react.useRef)(false);
 	(0, react.useImperativeHandle)(ref, () => ({
 		seek: (time) => {
 			if (video.current) video.current.currentTime = Math.max(0, time);
 		},
-		closeMenu: () => setMenu(null)
+		closeMenu: () => setMenu(null),
+		hold: (text, onSkip) => {
+			const el = video.current;
+			if (!el) return;
+			if (text) {
+				if (!heldRef.current) {
+					heldRef.current = true;
+					el.pause();
+				}
+				setHeld((h) => h?.text === text ? h : {
+					text,
+					skip: onSkip
+				});
+			} else if (heldRef.current) {
+				heldRef.current = false;
+				setHeld(null);
+				el.play().catch(() => {});
+			}
+		}
 	}), []);
 	(0, react.useEffect)(() => {
 		const el = video.current;
@@ -33895,6 +33915,18 @@ const Player = (0, react.forwardRef)(function Player(props, ref) {
 				className: "dshl-overlay",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dshl-spinner" }), waitingText]
 			}),
+			ready && held && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshl-holdnote",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { className: "dshl-spinner sm" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: held.text }),
+					held.skip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "dshl-link",
+						onClick: () => held.skip?.(),
+						children: t("hold.skip")
+					})
+				]
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubtitleOverlay, {
 				texts,
 				style,
@@ -35055,6 +35087,27 @@ function LiveView(props) {
 		state: "off",
 		at: 0
 	};
+	const [noWait, setNoWait] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		setNoWait(false);
+	}, [mode, job?.id]);
+	const lastPolished = (0, react.useMemo)(() => cues.reduce((m, c) => c.polished && c.end > m ? c.end : m, 0), [cues]);
+	(0, react.useEffect)(() => {
+		const p = player.current;
+		if (!p) return;
+		const waiting = !!job && job.status === "running" && !job.vod && mode !== "site" && subs.state === "running" && !noWait;
+		const ready = mode === "polished" ? Math.max(lastPolished, subs.at - 150) : subs.at;
+		if (waiting && now > ready + .5) p.hold(t(mode === "polished" ? "hold.polished" : "hold.realtime"), () => setNoWait(true));
+		else if (!waiting || ready > now + (mode === "polished" ? 20 : 4)) p.hold(null);
+	}, [
+		now,
+		subs.at,
+		subs.state,
+		lastPolished,
+		mode,
+		noWait,
+		job?.status
+	]);
 	(0, react.useEffect)(() => {
 		if (!job?.title || !props.onTitle) return;
 		const key = `dsh-live.named.${sessionId}`;
@@ -35548,9 +35601,7 @@ function LiveView(props) {
 			onTerms: setTerms
 		})
 	] });
-	const live = !!job && job.status === "running" && !job.vod;
-	const slow = live && mode !== "site" && rate !== null && rate < .95;
-	const behindBy = live && mode !== "site" && subs.state === "running" && cues.length > 0 ? now - subs.at : 0;
+	const slow = !!job && job.status === "running" && !job.vod && mode !== "site" && rate !== null && rate < .95;
 	const engineNow = providers.find((x) => x.id === usableEngine());
 	const liveNote = siteOnly && job && job.status !== "resolving" && !job.site?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-lag",
@@ -35566,13 +35617,6 @@ function LiveView(props) {
 			onClick: () => setSettingsOpen(true),
 			children: t("lag.settings")
 		})]
-	}) : behindBy > 6 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dshl-lag",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("lag.behind").replace("{t}", CLOCK(behindBy)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			className: "dshl-link",
-			onClick: () => player.current?.seek(Math.max(0, subs.at - 2)),
-			children: t("lag.wait")
-		})]
 	}) : null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `dshl ${theater && !activeBench ? "theater" : ""} ${pageMode ? "page" : ""} ${activeBench ? "bench" : ""}`,
@@ -36512,8 +36556,9 @@ const en = {
 	"mode.polished.tip": "1–2 minutes behind: misheard words fixed with context and the picture — the most accurate (default)",
 	"site.none": "This video has no subtitles of its own.",
 	"site.switch": "Switch to Polished",
-	"lag.behind": "Subtitles are {t} behind the picture.",
-	"lag.wait": "Wait for them",
+	"hold.realtime": "Waiting for subtitles…",
+	"hold.polished": "Waiting for polished subtitles…",
+	"hold.skip": "Don’t wait",
 	"lag.slow": "Transcription runs slower than the stream ({x}×), so subtitles fall further behind.",
 	"lag.slowLocal": "This computer transcribes slower than the stream ({x}×), so subtitles fall further behind. An online service keeps up.",
 	"lag.settings": "Choose one",
@@ -36847,8 +36892,9 @@ const zh = {
 	"mode.polished.tip": "晚 1–2 分钟：结合上下文和画面改正听错的词，字幕最准（默认）",
 	"site.none": "这个视频没有网站自带的字幕。",
 	"site.switch": "换成精修",
-	"lag.behind": "字幕比画面慢了 {t}。",
-	"lag.wait": "等等字幕",
+	"hold.realtime": "等字幕…",
+	"hold.polished": "等精修字幕…",
+	"hold.skip": "不等了",
 	"lag.slow": "转写比直播慢（{x} 倍速），字幕会越落越远。",
 	"lag.slowLocal": "本机转写比直播慢（{x} 倍速），字幕会越落越远。换成在线转写就能跟上。",
 	"lag.settings": "去选一个",
@@ -37326,6 +37372,9 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, .
 .dshl-stage.pagefull { position: fixed; inset: 0; z-index: 2147483000; width: 100vw; height: 100vh; aspect-ratio: auto; border-radius: 0; }
 .dshl-stage video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
 .dshl-stage.idle { cursor: none; }
+.dshl-holdnote { position: absolute; top: 14px; left: 50%; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; transform: translateX(-50%);
+  background: rgba(20,20,22,.78); color: #f2f2f3; font-size: 12.5px; white-space: nowrap; backdrop-filter: blur(8px); }
+.dshl-holdnote .dshl-link { color: #9ec0ff; }
 .dshl-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; color: #cfcfcf; font-size: 14px; }
 .dshl-spinner { width: 28px; height: 28px; border: 2.5px solid rgba(255,255,255,.18); border-top-color: #fff; border-radius: 50%; animation: dshl-spin .9s linear infinite; }
 .dshl-spinner.sm { width: 14px; height: 14px; border-width: 2px; flex: none; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A video tool for DeepSeek Harness: watch live streams, videos and podcasts with real-time subtitles in any language, then clip and download",
   "type": "module",
   "license": "PolyForm-Noncommercial-1.0.0",