dsh-vidi 0.4.2 → 0.4.3

package/lib/client.js

@@ -35632,6 +35632,10 @@ function SubsButton(props) {
 				className: "now",
 				children: pct !== void 0 ? t("subs.progress").replace("{p}", String(pct)) : t("subs.progressLive").replace("{t}", CLOCK(at))
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "short",
+				children: pct !== void 0 ? `${pct}%` : CLOCK(at)
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "act",
 				children: t("subs.pause")
@@ -37050,7 +37054,12 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, s
 .dshl-ctrlrow .pill svg { flex: none; width: 18px; height: 18px; }
 .dshl-ctrlrow .pill .txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dshl-ctrlrow .pill .caret { flex: none; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; opacity: .8; transform: translateY(1px) rotate(-135deg); }
-@container (max-width: 640px) { .dshl-ctrlrow .pill .txt, .dshl-ctrlrow .pill .caret { display: none; } .dshl-ctrlrow .pill { padding: 0 6px; } }
+@container (max-width: 640px) {
+  .dshl-ctrlrow .pill .txt, .dshl-ctrlrow .pill .caret { display: none; } .dshl-ctrlrow .pill { padding: 0 6px; }
+  /* Narrow player (a workbench beside it, a phone): fewer words, no volume slider (the mute button stays). */
+  .dshl-ctrlrow .vol, .dshl-ctrlrow .theater { display: none; }
+  .dshl-ctrlrow .ic { width: 32px; height: 32px; }
+}
 @container (max-width: 520px) {
   .dshl-ctrlrow { gap: 2px; }
   .dshl-ctrlrow .vol, .dshl-ctrlrow .mute, .dshl-ctrlrow .theater { display: none; }
@@ -37066,7 +37075,8 @@ html[data-platform='darwin'] .dshl.page .dshl-top :is(button, input, label, a, s
 .dshl-subsbtn:hover { filter: brightness(1.08); }
 .dshl-subsbtn.running { background: linear-gradient(to right, rgba(127,176,255,.45) var(--p, 0%), rgba(255,255,255,.14) var(--p, 0%)); font-weight: 500; }
 .dshl-subsbtn.running .dot { width: 7px; height: 7px; border-radius: 50%; background: #ff5a5f; animation: dshl-pulse 1.6s ease-in-out infinite; }
-.dshl-subsbtn.running .act { display: none; }
+.dshl-subsbtn.running .act, .dshl-subsbtn .short { display: none; }
+@container (max-width: 640px) { .dshl-subsbtn .now { display: none; } .dshl-subsbtn.running:not(:hover) .short { display: inline; } }
 .dshl-subsbtn.running:hover .now { display: none; }
 .dshl-subsbtn.running:hover .act { display: inline; }
 .dshl-subsbtn.running:hover .dot { width: 8px; height: 8px; border-radius: 1px; background: #fff; animation: none; }

package/lib/index.mjs

@@ -1693,6 +1693,8 @@ const AHEAD_MAX_LINES = 10;
 *
 * Events: 'state' (JobSummary), 'cue' (Cue — new or revised).
 */
+/** Drop the first `skip` seconds after decoding (an output -ss; empty when there is nothing to drop). */
+const seekAfter = (skip) => skip > .01 ? ["-ss", skip.toFixed(3)] : [];
 var LiveJob = class LiveJob extends EventEmitter {
 	opts;
 	deps;
@@ -2594,7 +2596,14 @@ var LiveJob = class LiveJob extends EventEmitter {
 	exportText(langs, format) {
 		return exportCues(this.cues, langs, format, this.title);
 	}
-	/** Best available picture source for time range [from, to]: original download, finished recording, or recorded segments. */
+	/**
+	* Best available picture source for time range [from, to]: original
+	* download, finished recording, or recorded segments. `args` are the input
+	* arguments; `skip` is how much to drop after decoding (output -ss). Files
+	* seek exactly on input; live segments do not (a seek lands between
+	* keyframes — YouTube live has one every 5 s — and decodes nothing), so they
+	* are read from the start of the first segment and trimmed after decoding.
+	*/
 	mediaFor(from, to) {
 		const original = readdirSync(this.deps.dir).find((n) => /^original\.(mp4|mkv|webm)$/.test(n));
 		if (original) return {
@@ -2604,7 +2613,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 				"-i",
 				join(this.deps.dir, original)
 			],
-			offset: 0
+			skip: 0
 		};
 		if (this.captureDone && existsSync(join(this.deps.dir, "recording.mp4"))) return {
 			args: [
@@ -2613,7 +2622,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 				"-i",
 				join(this.deps.dir, "recording.mp4")
 			],
-			offset: 0
+			skip: 0
 		};
 		const segs = this.segments();
 		const files = readFileSync(this.m3u8, "utf8").split("\n").filter((l) => l && !l.startsWith("#"));
@@ -2621,29 +2630,26 @@ var LiveJob = class LiveJob extends EventEmitter {
 		let last = segs.findIndex((sg) => sg.start + sg.dur >= to);
 		if (last < 0) last = segs.length - 1;
 		if (!segs.length || first > last) throw new Error("that part has not been recorded yet");
-		const list = files.slice(first, last + 1).map((f) => join(this.deps.dir, this.hlsName, f)).join("|");
 		return {
-			args: [
-				"-ss",
-				String(from - segs[first].start),
-				"-i",
-				`concat:${list}`
-			],
-			offset: 0
+			args: ["-i", `concat:${files.slice(first, last + 1).map((f) => join(this.deps.dir, this.hlsName, f)).join("|")}`],
+			skip: Math.max(0, from - segs[first].start)
 		};
 	}
 	/** One small JPEG of the picture at media time `at`, for the model to look at (undefined for audio-only or on failure). */
 	async still(at) {
 		try {
-			const { args } = this.mediaFor(at, at + 1);
+			const { args, skip } = this.mediaFor(at, at + 1);
 			const { stdout } = await run$1("ffmpeg", [
 				"-v",
 				"error",
 				...args,
+				...seekAfter(skip),
 				"-frames:v",
 				"1",
 				"-vf",
 				"scale=768:-2",
+				"-pix_fmt",
+				"yuvj420p",
 				"-q:v",
 				"5",
 				"-f",
@@ -2666,18 +2672,22 @@ var LiveJob = class LiveJob extends EventEmitter {
 		const dir = join(this.deps.dir, "frames");
 		mkdirSync(dir, { recursive: true });
 		const out = join(dir, `frame_${at.toFixed(1).replace(".", "_")}.jpg`);
-		const { args } = this.mediaFor(at, at + 1);
+		const { args, skip } = this.mediaFor(at, at + 1);
 		await run$1("ffmpeg", [
 			"-v",
 			"error",
 			"-y",
 			...args,
+			...seekAfter(skip),
 			"-frames:v",
 			"1",
+			"-pix_fmt",
+			"yuvj420p",
 			"-q:v",
 			"2",
 			out
 		], { timeout: 6e4 });
+		if (!existsSync(out)) throw new Error("no picture at that moment");
 		return out;
 	}
 	/**
@@ -2690,14 +2700,14 @@ var LiveJob = class LiveJob extends EventEmitter {
 		mkdirSync(dir, { recursive: true });
 		const name = `clip_${from.toFixed(1)}-${to.toFixed(1)}`.replace(/\./g, "_");
 		const out = join(dir, `${name}.mp4`);
-		const { args } = this.mediaFor(from, to);
+		const { args, skip } = this.mediaFor(from, to);
 		const subArgs = [];
 		const maps = [];
 		if (langs?.length) {
 			const inRange = this.cues.filter((c) => c.final && c.end > from && c.start < to).map((c) => ({
 				...c,
-				start: Math.max(0, c.start - from),
-				end: Math.min(to, c.end) - from
+				start: Math.max(0, c.start - from) + skip,
+				end: Math.min(to, c.end) - from + skip
 			}));
 			(langs.length > 1 ? [langs, ...langs.map((l) => [l])] : [langs]).forEach((ls, i) => {
 				const f = join(dir, `.${name}.${i}.srt`);
@@ -2712,6 +2722,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 			"-y",
 			...args,
 			...subArgs,
+			...seekAfter(skip),
 			"-t",
 			String(to - from),
 			"-map",
@@ -2764,8 +2775,16 @@ var LiveJob = class LiveJob extends EventEmitter {
 				rows
 			});
 		}
+		const { args, skip } = this.mediaFor(from, to);
 		const pictures = /* @__PURE__ */ new Map();
 		const lines = ["ffconcat version 1.0"];
+		if (skip > 0) {
+			const blank = await drawSubtitles([], style, w, h);
+			if (!blank) throw new Error("subtitles could not be drawn on this computer");
+			const file = join(tmp, "blank.png");
+			writeFileSync(file, blank);
+			lines.push(`file '${file.replace(/'/g, "'\\''")}'`, `duration ${skip.toFixed(3)}`);
+		}
 		for (const s of spans) {
 			let file = pictures.get(s.key);
 			if (!file) {
@@ -2780,7 +2799,6 @@ var LiveJob = class LiveJob extends EventEmitter {
 		lines.push(`file '${pictures.get(spans.at(-1).key).replace(/'/g, "'\\''")}'`);
 		const list = join(tmp, "subs.ffconcat");
 		writeFileSync(list, lines.join("\n") + "\n");
-		const { args } = this.mediaFor(from, to);
 		try {
 			await run$1("ffmpeg", [
 				"-v",
@@ -2793,6 +2811,7 @@ var LiveJob = class LiveJob extends EventEmitter {
 				"0",
 				"-i",
 				list,
+				...seekAfter(skip),
 				"-t",
 				String(to - from),
 				"-filter_complex",

package/package.json

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