dsh-vidi 0.7.6 → 0.7.8

package/lib/client.js

@@ -35187,78 +35187,27 @@ function upload(file, onProgress) {
 		xhr.send(file);
 	});
 }
-/** Subtitle a camera (or the screen) and a microphone on this computer directly: pick both, press start. */
-function DeviceCard({ t, onStart }) {
+/** Cameras, screens and microphones on the computer Vidi runs on (null while loading). */
+function useDevices(enabled) {
 	const [devices, setDevices] = (0, react.useState)(null);
-	const [video, setVideoRaw] = (0, react.useState)(() => store.get("device.video", ""));
-	const [audio, setAudioRaw] = (0, react.useState)(() => store.get("device.audio", ""));
-	const setVideo = (v) => {
-		setVideoRaw(v);
-		store.set("device.video", v);
-	};
-	const setAudio = (v) => {
-		setAudioRaw(v);
-		store.set("device.audio", v);
-	};
 	(0, react.useEffect)(() => {
+		if (!enabled || devices) return;
 		fetch("/live/api/devices").then((r) => r.json()).then((d) => setDevices(d.devices ?? [])).catch(() => setDevices([]));
-	}, []);
-	if (!devices) return null;
-	const cams = devices.filter((d) => d.kind !== "mic"), mics = devices.filter((d) => d.kind === "mic");
-	if (!mics.length) return null;
-	const v = video === "none" || cams.some((d) => d.id === video) ? video : cams.find((d) => d.kind === "camera")?.id ?? "none";
-	const a = mics.some((d) => d.id === audio) ? audio : mics[0].id;
-	const videoOptions = [...cams.map((d) => ({
-		value: d.id,
-		label: d.kind === "screen" ? d.name.replace(/^Screen (\d+)$/, (_, n) => t("dev.screen").replace("{n}", String(Number(n) + 1))) : d.name,
-		group: t(d.kind === "screen" ? "dev.screens" : "dev.cameras")
-	})), {
-		value: "none",
-		label: t("dev.noVideo"),
-		group: t("dev.other")
-	}];
-	const title = v === "none" ? mics.find((d) => d.id === a)?.name ?? "" : videoOptions.find((o) => o.value === v)?.label ?? "";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "dshl-pushinfo dshl-devices",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "title",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.camera, {}),
-					" ",
-					t("dev.title"),
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("dev.hint") })
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("dev.video") }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-					value: v,
-					options: videoOptions,
-					onChange: setVideo
-				}) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("dev.audio") }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
-					value: a,
-					options: mics.map((d) => ({
-						value: d.id,
-						label: d.name
-					})),
-					onChange: setAudio
-				}) })
-			] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				className: "dshl-btn primary",
-				onClick: () => onStart({
-					video: v === "none" ? void 0 : v,
-					audio: a,
-					title
-				}),
-				children: t("dev.start")
-			})
-		]
-	});
+	}, [enabled, devices]);
+	return devices;
+}
+/**
+* Ask for the camera / microphone from the page first when the page runs on the same computer: the system
+* then asks the user once for this app, and the capture that follows is allowed.
+*/
+async function askDeviceAccess(video) {
+	if (!(location.protocol === "dsh-app:" || /^(localhost|127\.0\.0\.1|\[::1\])$/.test(location.hostname)) || !navigator.mediaDevices?.getUserMedia) return;
+	try {
+		(await navigator.mediaDevices.getUserMedia({
+			audio: true,
+			video
+		})).getTracks().forEach((tr) => tr.stop());
+	} catch {}
 }
 /** The push stream key: copy it, or change it (typed, or a new random one). */
 function KeyRow({ value, t, onChanged }) {
@@ -35440,6 +35389,22 @@ function LiveView(props) {
 	const linesBox = (0, react.useRef)(null);
 	const fileInput = (0, react.useRef)(null);
 	const active = !!job && (job.status === "resolving" || job.status === "running" || job.status === "stopping");
+	const [srcTab, setSrcTabRaw] = (0, react.useState)("link");
+	const setSrcTab = (v) => {
+		setSrcTabRaw(v);
+		setError("");
+	};
+	const devices = useDevices(srcTab === "camera");
+	const [camVideo, setCamVideoRaw] = (0, react.useState)(() => store.get("device.video", ""));
+	const [camAudio, setCamAudioRaw] = (0, react.useState)(() => store.get("device.audio", ""));
+	const setCamVideo = (v) => {
+		setCamVideoRaw(v);
+		store.set("device.video", v);
+	};
+	const setCamAudio = (v) => {
+		setCamAudioRaw(v);
+		store.set("device.audio", v);
+	};
 	const ui = t("view.live") === "Video" ? "en" : "zh";
 	const langOptions = (0, react.useMemo)(() => Object.entries(langs).filter(([k]) => k !== "auto").map(([k, v]) => [k, langLabel(k, ui, v)]), [langs, ui]);
 	const langName = (0, react.useCallback)((k) => k === "src" ? t("sub.source") : langLabel(k, ui, langs[k]), [
@@ -35908,27 +35873,40 @@ function LiveView(props) {
 	const missing = deps.filter((d) => !d.ok && (d.name === "ffmpeg" || d.name === "yt-dlp" || (engine || "local") === "local" && d.name.startsWith("whisper")));
 	const needsModel = !hasTranslator && shownLines.some((l) => l !== "src");
 	const hasMain = !!job && !(job.status === "error" && !job.files.length);
-	const emptyBox = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	const cams = (devices ?? []).filter((d) => d.kind !== "mic"), mics = (devices ?? []).filter((d) => d.kind === "mic");
+	const camV = camVideo === "none" || cams.some((d) => d.id === camVideo) ? camVideo : cams.find((d) => d.kind === "camera")?.id ?? "none";
+	const camA = mics.some((d) => d.id === camAudio) ? camAudio : mics[0]?.id ?? "";
+	const videoOptions = [...cams.map((d) => ({
+		value: d.id,
+		label: d.kind === "screen" ? t("dev.screen").replace("{n}", String(Number(/\d+/.exec(d.name)?.[0] ?? 0) + 1)) : d.name,
+		group: t(d.kind === "screen" ? "dev.screens" : "dev.cameras")
+	})), {
+		value: "none",
+		label: t("dev.noVideo"),
+		group: t("dev.other")
+	}];
+	const startDevice = async () => {
+		if (!camA) return;
+		const title = camV === "none" ? mics.find((d) => d.id === camA)?.name ?? "" : videoOptions.find((o) => o.value === camV)?.label ?? "";
+		await askDeviceAccess(camV !== "none" && cams.find((d) => d.id === camV)?.kind === "camera");
+		start(JSON.stringify({
+			video: camV === "none" ? void 0 : camV,
+			audio: camA,
+			title
+		}), "device");
+	};
+	const emptyBox = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-drop",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("empty.title") }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("empty.body") }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceCard, {
-				t,
-				onStart: (c) => void start(JSON.stringify(c), "device")
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshl-bar center",
+				children: sourceBar
 			}),
-			armed?.rtmp && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: srcTab === "camera" && devices && !mics.length ? t("src.cam.none") : t(srcTab === "file" ? "src.file.body" : srcTab === "camera" ? "src.cam.body" : srcTab === "push" ? "src.push.body" : "empty.body") }),
+			srcTab === "push" && armed?.rtmp && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dshl-pushinfo",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "title",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.push, {}),
-						" ",
-						t("push.title"),
-						" ",
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("push.hint") })
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyRow, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyRow, {
 					label: t("push.server"),
 					value: armed.rtmp,
 					copy: t("push.copy"),
@@ -35937,7 +35915,7 @@ function LiveView(props) {
 					value: armed.key,
 					t,
 					onChanged: () => void post("arm", options()).then((a) => setArmed(a.busy ? null : a)).catch(() => {})
-				})] })]
+				})] })
 			})
 		]
 	});
@@ -36143,6 +36121,118 @@ function LiveView(props) {
 			children: t("lag.settings")
 		})]
 	}) : null;
+	const sourceBar = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+			className: "srcpick",
+			value: srcTab,
+			onChange: (v) => setSrcTab(v),
+			title: t("src.tip"),
+			options: [
+				"link",
+				"file",
+				"camera",
+				"push"
+			].map((k) => ({
+				value: k,
+				label: t(`src.${k}`)
+			}))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref: fileInput,
+			type: "file",
+			accept: "video/*,audio/*,.mkv,.ts,.flv",
+			hidden: true,
+			onChange: (e) => {
+				const f = e.target.files?.[0];
+				if (f) onFile(f);
+				e.target.value = "";
+			}
+		}),
+		(srcTab === "link" || srcTab === "file") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: "dshl-field",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "text",
+				value: input,
+				placeholder: t(srcTab === "file" ? "src.file.placeholder" : "in.placeholder"),
+				onChange: (e) => setInput(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Enter") start();
+				}
+			}), srcTab === "file" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "ghost",
+				title: t("in.file.tip"),
+				onClick: () => fileInput.current?.click(),
+				children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pct",
+					children: t("in.uploading").replace("{p}", String(uploading))
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => start(),
+			disabled: !classify(input),
+			children: t("in.open")
+		})] }),
+		srcTab === "camera" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-devbar",
+			children: devices === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.loading")
+			}) : mics.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camV,
+				options: videoOptions,
+				onChange: setCamVideo,
+				title: t("dev.video")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pick, {
+				value: camA,
+				options: mics.map((d) => ({
+					value: d.id,
+					label: d.name
+				})),
+				onChange: setCamAudio,
+				title: t("dev.audio")
+			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dshl-muted",
+				children: t("src.cam.none")
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: "dshl-btn primary",
+			onClick: () => void startDevice(),
+			disabled: !camA,
+			children: t("dev.start")
+		})] }),
+		srcTab === "push" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "dshl-field static",
+			title: t("src.push.body"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(armed?.rtmp ? "src.push.bar" : active ? "src.push.busy" : "src.push.wait") })
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
+			engine: engine || "local",
+			onEngine: setEngine,
+			mode,
+			onMode: changeMode,
+			spoken,
+			onSpoken: setSpoken,
+			langOptions,
+			login,
+			onLogin: chooseLogin,
+			browsers,
+			providers,
+			shared: keysShared,
+			name: engineName,
+			onKey: (id, k) => {
+				setProviders((ps) => ps.map((p) => p.id === id ? {
+					...p,
+					key: k,
+					ready: k.set
+				} : p));
+				if (k.set) setError("");
+			},
+			open: settingsOpen,
+			onOpen: setSettingsOpen,
+			t
+		})
+	] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `dshl ${theater && !activeBench ? "theater" : ""} ${pageMode ? "page" : ""} ${activeBench ? "bench" : ""} ${pageMode && !sideOpen && !activeBench ? "noside" : ""}`,
 		style: pageMode ? { ["--side-w"]: `${sideW}px` } : void 0,
@@ -36170,7 +36260,7 @@ function LiveView(props) {
 			if (f && !active) onFile(f);
 		},
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			(hasMain || onClose) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 				className: "dshl-top",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "dshl-bar",
@@ -36181,74 +36271,8 @@ function LiveView(props) {
 							title: t("page.back"),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.arrow, {})
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-							className: "dshl-field",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.link, {}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									type: "text",
-									value: input,
-									placeholder: t("in.placeholder"),
-									onChange: (e) => setInput(e.target.value),
-									onKeyDown: (e) => {
-										if (e.key === "Enter") start();
-									}
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									className: "ghost",
-									title: t("in.file.tip"),
-									onClick: () => fileInput.current?.click(),
-									children: uploading !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "pct",
-										children: t("in.uploading").replace("{p}", String(uploading))
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.folder, {})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-									ref: fileInput,
-									type: "file",
-									accept: "video/*,audio/*,.mkv,.ts,.flv",
-									hidden: true,
-									onChange: (e) => {
-										const f = e.target.files?.[0];
-										if (f) onFile(f);
-										e.target.value = "";
-									}
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: "dshl-btn primary",
-							onClick: () => start(),
-							disabled: !classify(input),
-							children: t("in.open")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, {
-							engine: engine || "local",
-							onEngine: setEngine,
-							mode,
-							onMode: changeMode,
-							spoken,
-							onSpoken: setSpoken,
-							langOptions,
-							login,
-							onLogin: chooseLogin,
-							browsers,
-							providers,
-							shared: keysShared,
-							name: engineName,
-							onKey: (id, k) => {
-								setProviders((ps) => ps.map((p) => p.id === id ? {
-									...p,
-									key: k,
-									ready: k.set
-								} : p));
-								if (k.set) setError("");
-							},
-							open: settingsOpen,
-							onOpen: setSettingsOpen,
-							t
-						}),
-						pageMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						hasMain && sourceBar,
+						pageMode && hasMain && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							className: `dshl-ctl icon ${sideOpen ? "on" : ""}`,
 							title: t(sideOpen ? "side.hide" : "side.show"),
 							"aria-pressed": sideOpen,
@@ -36272,21 +36296,21 @@ function LiveView(props) {
 			}),
 			(error || job?.status === "error") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dshl-note warn",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error || job?.message }), job && !active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: error || (job?.message === "device-blocked" ? t("dev.blocked") : job?.message) }), job && !active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					className: "dshl-link",
 					onClick: () => start(job.url, job.source),
 					children: t("st.retry")
 				})]
 			}),
-			!hasMain && !pageMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+			!hasMain ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 				className: "dshl-empty",
-				children: emptyBox
+				children: emptyBox()
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
 				className: "dshl-main",
 				ref: mainRef,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "dshl-col",
-					children: !hasMain || !job ? emptyBox : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					children: !hasMain || !job ? emptyBox() : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Player, {
 							ref: player,
 							src: job.status === "resolving" || job.status === "error" ? null : `/live/media/${encodeURIComponent(job.id)}/${job.hls ?? "hls"}/index.m3u8`,
@@ -37141,7 +37165,7 @@ const en = {
 	"in.uploading": "Uploading {p}%",
 	"in.drop": "Drop to start",
 	"empty.title": "Subtitles for any video",
-	"empty.body": "YouTube, Bilibili and more — or drop in a video or audio file.",
+	"empty.body": "YouTube, Bilibili and other sites, videos and live streams.",
 	"st.resolving": "Opening…",
 	"st.login": "Using your {b} login… if macOS asks, choose “Always Allow”.",
 	"st.live": "Live",
@@ -37154,8 +37178,25 @@ const en = {
 	"note.noModel": "No model set up, so subtitles stay in the original language.",
 	"note.install": "Install first:",
 	"push.title": "Stream here from OBS",
-	"dev.title": "Use a camera on this computer",
-	"dev.hint": "Subtitles as you speak",
+	"src.tip": "Where the video comes from",
+	"src.link": "Link",
+	"src.file": "Local file",
+	"src.camera": "Camera",
+	"src.push": "OBS stream",
+	"src.file.placeholder": "Path of a video or audio file",
+	"src.file.title": "Open a video on this computer",
+	"src.file.body": "Choose a file with the folder button, or drop it anywhere on this page.",
+	"src.file.pick": "Choose a file",
+	"src.cam.title": "Talk to the camera",
+	"src.cam.body": "Pick the picture and the microphone, press Start: subtitles appear as you speak.",
+	"src.cam.none": "No camera or microphone found on this computer.",
+	"src.cam.loading": "Looking for cameras…",
+	"src.push.title": "Stream from OBS",
+	"src.push.body": "In OBS choose the Custom service and fill in the server and key below; subtitles start as soon as the picture arrives.",
+	"src.push.bar": "Waiting for OBS: server and key below",
+	"src.push.wait": "Getting the address ready…",
+	"src.push.busy": "Close the current video to receive a stream",
+	"dev.blocked": "No picture or sound from the device. Allow DeepSeek Harness under System Settings → Privacy & Security → Camera and Microphone (Screen Recording for the screen), then start again.",
 	"dev.video": "Picture",
 	"dev.audio": "Microphone",
 	"dev.cameras": "Cameras",
@@ -37542,7 +37583,7 @@ const zh = {
 	"in.uploading": "上传中 {p}%",
 	"in.drop": "松手开始",
 	"empty.title": "给任何视频配字幕",
-	"empty.body": "支持 YouTube、B 站等网站，也可以拖入视频或音频文件",
+	"empty.body": "支持 YouTube、B 站等网站的视频和直播",
 	"st.resolving": "正在打开…",
 	"st.login": "正在用 {b} 的登录状态…如果系统弹窗询问，点「始终允许」",
 	"st.live": "直播中",
@@ -37555,8 +37596,25 @@ const zh = {
 	"note.noModel": "还没配置模型，字幕只显示原文",
 	"note.install": "需要先安装：",
 	"push.title": "用 OBS 推流到这里",
-	"dev.title": "用这台电脑的摄像头",
-	"dev.hint": "边说边出字幕",
+	"src.tip": "视频从哪里来",
+	"src.link": "链接",
+	"src.file": "本地文件",
+	"src.camera": "摄像头",
+	"src.push": "OBS 推流",
+	"src.file.placeholder": "视频或音频文件的路径",
+	"src.file.title": "打开这台电脑上的视频",
+	"src.file.body": "点文件夹按钮选择，或者直接把文件拖进来。",
+	"src.file.pick": "选择文件",
+	"src.cam.title": "对着摄像头说话",
+	"src.cam.body": "选好画面和麦克风，点开始，字幕边说边出。",
+	"src.cam.none": "这台电脑上没有找到摄像头或麦克风。",
+	"src.cam.loading": "正在找摄像头…",
+	"src.push.title": "用 OBS 推流过来",
+	"src.push.body": "OBS 里服务选「自定义」，填下面的服务器和密钥，画面一到字幕就开始。",
+	"src.push.bar": "等 OBS 推流过来，服务器和密钥在下面",
+	"src.push.wait": "正在准备推流地址…",
+	"src.push.busy": "关掉当前视频后可以接收推流",
+	"dev.blocked": "设备没有传来画面和声音。到 系统设置 → 隐私与安全性 → 摄像头、麦克风（用屏幕时是 屏幕录制）里打开 DeepSeek Harness，再点开始。",
 	"dev.video": "画面",
 	"dev.audio": "麦克风",
 	"dev.cameras": "摄像头",
@@ -37949,6 +38007,10 @@ const CSS = `
 
 /* ── Empty state ── */
 .dshl-empty { padding: 28px 20px; }
+.dshl.page .dshl-empty { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; overflow: auto; }
+.dshl.page .dshl-empty > .dshl-drop { border: 0; padding-top: 0; }
+.dshl-drop > .dshl-bar.center { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 680px; margin: 22px 0 12px; text-align: left; }
+.dshl-drop > .dshl-bar.center + p { font-size: 13px; color: var(--faint); }
 .dshl-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 760px; margin: 0 auto; padding: 56px 24px 48px;
   border: 1.5px dashed var(--line); border-radius: 16px; text-align: center; }
 .dshl-col > .dshl-drop { max-width: none; min-height: 320px; aspect-ratio: 16 / 9; padding: 32px 24px; border-radius: 12px; }
@@ -37967,10 +38029,12 @@ const CSS = `
 .dshl-pushinfo dd .err { flex-basis: 100%; color: #d1434b; font-size: 12px; }
 .dshl-pushinfo .val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; user-select: all; }
 .dshl-pushinfo .dshl-link { flex: none; font-size: 12.5px; }
-.dshl-devices { display: grid; width: fit-content; max-width: 100%; margin: 32px auto 0; }
-.dshl-devices + .dshl-pushinfo { margin-top: 12px; }
-.dshl-devices dd .dshl-select { width: 240px; max-width: 100%; height: 30px; }
-.dshl-devices > .dshl-btn { justify-self: end; height: 32px; padding: 0 18px; border-radius: 8px; font-size: 13px; }
+.dshl-bar .dshl-select.srcpick { flex: none; width: auto; height: 40px; padding: 0 10px 0 14px; border-radius: 10px; font-weight: 550; }
+.dshl-devbar { display: flex; align-items: center; gap: 8px; flex: 1 1 260px; min-width: 0; }
+.dshl-devbar .dshl-select { flex: 1 1 0; min-width: 0; height: 40px; border-radius: 10px; }
+.dshl-field.static { color: var(--muted); cursor: default; }
+.dshl-field.static .mono { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); font: 13px ui-monospace, SFMono-Regular, Menlo, monospace; user-select: all; }
+.dshl-drop > .dshl-btn { margin-top: 20px; }
 
 /* ── Layout ── */
 .dshl-main { display: grid; grid-template-columns: minmax(0, 1fr) clamp(300px, 28vw, 400px); align-items: start; gap: 18px; padding: 18px 20px 28px; }

package/lib/index.mjs

@@ -2426,6 +2426,12 @@ var LiveJob = class LiveJob extends EventEmitter {
 			"pipe"
 		] });
 		this.ffmpeg = ff;
+		if (this.opts.source === "device") setTimeout(() => {
+			if (this.ffmpeg !== ff || this.segments().length) return;
+			this.ffmpeg = void 0;
+			ff.kill("SIGKILL");
+			this.setStatus("error", "device-blocked");
+		}, 12e3);
 		if (this.opts.source === "push") {
 			const wait = setInterval(() => {
 				if (this.ffmpeg !== ff) {
@@ -6383,10 +6389,14 @@ function apply(ctx, config) {
 				}
 				return send(res, 200, job.summary());
 			}
-			if (route === "devices") return send(res, 200, {
-				devices: await listDevices(),
-				platform: process.platform
-			});
+			if (route === "devices") {
+				const devices = await listDevices();
+				log(`devices: ${devices.filter((d) => d.kind !== "mic").length} picture, ${devices.filter((d) => d.kind === "mic").length} microphone`);
+				return send(res, 200, {
+					devices,
+					platform: process.platform
+				});
+			}
 			if (route === "pushkey" && req.method === "POST") {
 				if ([...jobs.values()].some((j) => j.opts.source === "push" && j.status === "running" && !j.message)) return send(res, 409, { error: "a stream is coming in; change the key after it ends" });
 				const b = await readJson(req);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-vidi",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "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",