dsh-vidi 0.1.0 → 0.2.0

package/lib/client.js

@@ -254,6 +254,13 @@ const Icon = {
 		...P,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 5v14M5 12h14" })
 	}),
+	pencil: () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 24 24",
+		width: "16",
+		height: "16",
+		...P,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 20h4L19 9l-4-4L4 16z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13.5 6.5l4 4" })]
+	}),
 	close: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 		viewBox: "0 0 24 24",
 		width: "16",
@@ -464,7 +471,7 @@ function Markdown({ text, fileUrl }) {
 }
 
 // src/client/ChatPanel.tsx
-const CLOCK$1 = (s) => {
+const CLOCK$2 = (s) => {
 	const h = Math.floor(s / 3600), m = Math.floor(s / 60) % 60, ss = Math.floor(s % 60);
 	return h ? `${h}:${String(m).padStart(2, "0")}:${String(ss).padStart(2, "0")}` : `${m}:${String(ss).padStart(2, "0")}`;
 };
@@ -520,8 +527,8 @@ function ChatPanel(props) {
 		setDraft(text);
 		setTimeout(() => box.current?.focus(), 0);
 	};
-	const at = CLOCK$1(now);
-	const around = `${CLOCK$1(Math.max(0, now - 30))}–${CLOCK$1(now + 30)}`;
+	const at = CLOCK$2(now);
+	const around = `${CLOCK$2(Math.max(0, now - 30))}–${CLOCK$2(now + 30)}`;
 	const rows = nodes.flatMap((n, i) => {
 		if (n.kind === "user") {
 			const text = textOf(n.content);
@@ -33851,6 +33858,350 @@ const Player = (0, react.forwardRef)(function Player(props, ref) {
 	});
 });
 
+// src/client/RestreamPanel.tsx
+/** Platforms, in the order people in China most often push to; YouTube and Twitch have one fixed ingest address. */
+const PLATFORMS = [
+	"bilibili",
+	"douyin",
+	"kuaishou",
+	"wechat",
+	"douyu",
+	"huya",
+	"yy",
+	"cc",
+	"youtube",
+	"twitch",
+	"custom"
+];
+const FIXED = {
+	youtube: "rtmp://a.rtmp.youtube.com/live2",
+	twitch: "rtmp://live.twitch.tv/app"
+};
+async function post$2(path, body) {
+	const r = await fetch(`/live/api/${path}`, {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify(body)
+	});
+	const j = await r.json().catch(() => ({}));
+	if (!r.ok) throw new Error(j.error ?? `HTTP ${r.status}`);
+	return j;
+}
+const CLOCK$1 = (s) => {
+	const h = Math.floor(s / 3600), m = Math.floor(s / 60) % 60, ss = Math.floor(s % 60);
+	return `${h ? `${h}:` : ""}${String(m).padStart(h ? 2 : 1, "0")}:${String(ss).padStart(2, "0")}`;
+};
+const host = (s) => s.replace(/^[a-z]+:\/\//i, "").split("/")[0] ?? s;
+/**
+* The player's restream menu: saved destinations (tick the ones to push to),
+* adding one (platform, server address, stream key — copied from the
+* platform's own streaming tool), subtitles drawn in or not, picture size,
+* then start. While running, each destination shows its own state.
+*/
+function RestreamPanel(props) {
+	const { jobId, status, now, style, t } = props;
+	const running = !!status?.running;
+	const [targets, setTargets] = (0, react.useState)([]);
+	const [picked, setPicked] = (0, react.useState)(() => {
+		try {
+			return JSON.parse(localStorage.getItem("dsh-live.rsPicked") ?? "[]");
+		} catch {
+			return [];
+		}
+	});
+	const [editing, setEditing] = (0, react.useState)(null);
+	const [burn, setBurn] = (0, react.useState)(true);
+	const [height, setHeight] = (0, react.useState)(720);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		fetch("/live/api/restream/targets").then((r) => r.json()).then((j) => {
+			const list = j.targets ?? [];
+			setTargets(list);
+			if (!list.length) setEditing({
+				platform: "bilibili",
+				server: "",
+				key: ""
+			});
+		}).catch(() => {});
+	}, []);
+	(0, react.useEffect)(() => {
+		try {
+			localStorage.setItem("dsh-live.rsPicked", JSON.stringify(picked));
+		} catch {}
+	}, [picked]);
+	const [, setTick] = (0, react.useState)(0);
+	(0, react.useEffect)(() => {
+		if (!running) return;
+		const id = setInterval(() => setTick((n) => n + 1), 1e3);
+		return () => clearInterval(id);
+	}, [running]);
+	/** Known notes from the host, in the page's language. */
+	const note = (m) => m === "ended" ? t("rs.m.ended") : m === "no-burn" ? t("rs.m.noBurn") : m;
+	const pname = (p) => t(`rs.p.${p}`);
+	const save = async () => {
+		if (!editing) return;
+		setBusy(true);
+		setError("");
+		try {
+			const list = (await post$2("restream/targets", { target: editing })).targets;
+			setTargets(list);
+			const added = editing.id ?? list.at(-1)?.id;
+			if (added && !picked.includes(added)) setPicked((v) => [...v, added]);
+			setEditing(null);
+		} catch (e) {
+			setError(e.message);
+		} finally {
+			setBusy(false);
+		}
+	};
+	const remove = async (id) => {
+		const j = await post$2("restream/targets", { remove: id }).catch(() => null);
+		if (j) {
+			setTargets(j.targets);
+			setPicked((v) => v.filter((x) => x !== id));
+		}
+	};
+	const start = async () => {
+		setBusy(true);
+		setError("");
+		try {
+			await post$2("restream", {
+				jobId,
+				action: "start",
+				targets: picked.filter((id) => targets.some((x) => x.id === id)),
+				from: now,
+				burn,
+				height,
+				style
+			});
+		} catch (e) {
+			setError(e.message);
+		} finally {
+			setBusy(false);
+		}
+	};
+	const stop = async (targetId) => {
+		setBusy(true);
+		try {
+			await post$2("restream", {
+				jobId,
+				action: "stop",
+				targetId
+			});
+		} catch {} finally {
+			setBusy(false);
+		}
+	};
+	const add = async (id) => {
+		await post$2("restream", {
+			jobId,
+			action: "start",
+			targets: [id],
+			from: now,
+			burn,
+			height,
+			style
+		}).catch((e) => setError(e.message));
+	};
+	const stateOf = (id) => running ? status.targets.find((x) => x.id === id) : void 0;
+	const chosen = picked.filter((id) => targets.some((x) => x.id === id));
+	if (editing) {
+		const fixed = FIXED[editing.platform];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "dshl-rs",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "rs-head",
+					children: editing.id ? t("rs.edit") : t("rs.add")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "rs-field",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("rs.platform") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						value: editing.platform,
+						onChange: (e) => setEditing({
+							...editing,
+							platform: e.target.value,
+							server: FIXED[e.target.value] ?? (FIXED[editing.platform] === editing.server ? "" : editing.server)
+						}),
+						children: PLATFORMS.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: p,
+							children: pname(p)
+						}, p))
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "rs-hint",
+					children: t(`rs.h.${editing.platform}`)
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "rs-field",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("rs.server") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "text",
+						spellCheck: false,
+						placeholder: fixed ?? "rtmp://…",
+						value: editing.server,
+						onChange: (e) => setEditing({
+							...editing,
+							server: e.target.value
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "rs-field",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("rs.key") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "password",
+						autoComplete: "off",
+						spellCheck: false,
+						placeholder: editing.id ? t("rs.keyKeep") : t("rs.keyPh"),
+						value: editing.key,
+						onChange: (e) => setEditing({
+							...editing,
+							key: e.target.value
+						})
+					})]
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "rs-err",
+					children: error
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "rs-actions",
+					children: [targets.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "dshl-btn small",
+						onClick: () => {
+							setEditing(null);
+							setError("");
+						},
+						children: t("player.cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						className: "dshl-btn small primary",
+						disabled: busy || !editing.server.trim(),
+						onClick: () => void save(),
+						children: t("rs.save")
+					})]
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dshl-rs",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "rs-head",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: running ? t("rs.running").replace("{t}", CLOCK$1((Date.now() - status.startedAt) / 1e3)) : t("rs.title") }), !running && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					className: "dshl-link",
+					onClick: () => setEditing({
+						platform: "bilibili",
+						server: "",
+						key: ""
+					}),
+					children: ["+ ", t("rs.add")]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "rs-list",
+				children: targets.map((x) => {
+					const st = stateOf(x.id);
+					const on = running ? !!st : picked.includes(x.id);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `rs-row ${on ? "on" : ""}`,
+						children: [
+							running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: `rs-dot ${st?.state ?? "off"}` }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: on,
+								onChange: (e) => setPicked((v) => e.target.checked ? [...v, x.id] : v.filter((id) => id !== x.id))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "rs-name",
+								children: [pname(x.platform), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: host(x.server) })]
+							}),
+							running ? st ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `rs-state ${st.state}`,
+								title: st.message,
+								children: t(`rs.s.${st.state}`)
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "dshl-link",
+								onClick: () => void add(x.id),
+								children: t("rs.join")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "rs-tools",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "ghost",
+									title: t("rs.edit"),
+									onClick: () => setEditing({
+										id: x.id,
+										platform: x.platform,
+										server: x.server,
+										key: ""
+									}),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.pencil, {})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "ghost",
+									title: t("rs.remove"),
+									onClick: () => void remove(x.id),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.close, {})
+								})]
+							}),
+							running && st && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "ghost",
+								title: t("rs.stopOne"),
+								onClick: () => void stop(x.id),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.close, {})
+							})
+						]
+					}, x.id);
+				})
+			}),
+			running && status.targets.some((x) => x.state === "error" || x.state === "retrying") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "rs-err",
+				children: status.targets.filter((x) => x.message && x.state !== "live").map((x) => `${pname(x.platform)}：${x.message}`).join("；")
+			}),
+			!running && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "rs-opts",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "rs-check",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						checked: burn,
+						onChange: (e) => setBurn(e.target.checked)
+					}), t("rs.burn")]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "seg",
+					children: [720, 1080].map((h) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						className: height === h ? "on" : "",
+						onClick: () => setHeight(h),
+						children: [h, "p"]
+					}, h))
+				})]
+			}),
+			status?.message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "rs-hint",
+				children: note(status.message)
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "rs-err",
+				children: error
+			}),
+			running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "dshl-btn block rs-stop",
+				disabled: busy,
+				onClick: () => void stop(),
+				children: t("rs.stop")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: "dshl-btn block primary",
+				disabled: busy || !chosen.length,
+				onClick: () => void start(),
+				children: chosen.length ? t("rs.start").replace("{n}", String(chosen.length)) : t("rs.pick")
+			}),
+			!running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "rs-hint",
+				children: t("rs.note")
+			})
+		]
+	});
+}
+
 // src/client/Settings.tsx
 const engineLabel = (t, id) => {
 	const v = t(`engine.${id}`);
@@ -33935,7 +34286,7 @@ function Settings(props) {
 			setBusy(false);
 		}
 	};
-	const from = key.source === "dsh" ? t("set.key.fromDsh") : key.source === "env" ? t("set.key.fromEnv") : "";
+	const from = key.source === "dsh" ? key.provider ? t("set.key.fromDshP").replace("{p}", key.provider) : t("set.key.fromDsh") : key.source === "env" ? t("set.key.fromEnv") : "";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "dshl-pick",
 		ref: box,
@@ -35026,36 +35377,53 @@ function LiveView(props) {
 								onResume: () => startSubs(),
 								t
 							}),
-							menus: [{
-								id: "cc",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.cc, {}),
-								title: t("menu.cc"),
-								label: `${t("player.cc")} · ${lines.filter((l) => !l.startsWith("site:") || siteChips.some((c) => c.key === l)).map((k) => siteChips.find((c) => c.key === k)?.label ?? langName(k)).join(" · ")}`,
-								content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubtitleMenu, {
-									lines,
-									onLines: (l) => void changeLines(l),
-									options: translatable,
-									site: siteChips,
-									name: nameWithSpoken,
-									style: subStyle,
-									onStyle: setSubStyle,
-									t
-								}) })
-							}, {
-								id: "download",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.download, {}),
-								title: t("menu.download"),
-								content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadPanel, {
-									job,
-									lines: shownLines,
-									tasks: tasks.filter((x) => x.dirId === job.id),
-									sessionId,
-									onTask: refreshTasks,
-									langName,
-									siteChips,
-									t
-								})
-							}]
+							menus: [
+								{
+									id: "cc",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.cc, {}),
+									title: t("menu.cc"),
+									label: `${t("player.cc")} · ${lines.filter((l) => !l.startsWith("site:") || siteChips.some((c) => c.key === l)).map((k) => siteChips.find((c) => c.key === k)?.label ?? langName(k)).join(" · ")}`,
+									content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubtitleMenu, {
+										lines,
+										onLines: (l) => void changeLines(l),
+										options: translatable,
+										site: siteChips,
+										name: nameWithSpoken,
+										style: subStyle,
+										onStyle: setSubStyle,
+										t
+									}) })
+								},
+								{
+									id: "restream",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.push, {}),
+									title: t("menu.restream"),
+									label: job.restream?.running ? t("rs.live") : void 0,
+									on: !!job.restream?.running,
+									content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestreamPanel, {
+										jobId: job.id,
+										status: job.restream,
+										now,
+										style: subStyle,
+										t
+									})
+								},
+								{
+									id: "download",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon.download, {}),
+									title: t("menu.download"),
+									content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadPanel, {
+										job,
+										lines: shownLines,
+										tasks: tasks.filter((x) => x.dirId === job.id),
+										sessionId,
+										onTask: refreshTasks,
+										langName,
+										siteChips,
+										t
+									})
+								}
+							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dshl-done",
@@ -35635,6 +36003,55 @@ const en = {
 	"sub.bg.none": "None",
 	"sub.bg.light": "Light",
 	"sub.bg.dark": "Dark",
+	"menu.restream": "Restream",
+	"rs.live": "Live",
+	"rs.title": "Push this video, with subtitles, to live platforms",
+	"rs.running": "Restreaming · {t}",
+	"rs.add": "Add a platform",
+	"rs.edit": "Edit",
+	"rs.remove": "Remove",
+	"rs.platform": "Platform",
+	"rs.server": "Server",
+	"rs.key": "Stream key",
+	"rs.keyPh": "Paste the stream key",
+	"rs.keyKeep": "Leave empty to keep the saved key",
+	"rs.save": "Save",
+	"rs.burn": "Subtitles in the picture",
+	"rs.start": "Start restreaming ({n})",
+	"rs.pick": "Tick where to stream",
+	"rs.stop": "Stop restreaming",
+	"rs.stopOne": "Stop this one",
+	"rs.join": "Add",
+	"rs.m.ended": "The video ended, so restreaming stopped.",
+	"rs.m.noBurn": "Subtitles could not be drawn on this computer; streaming without them.",
+	"rs.note": "Starts from where you are watching, with the subtitles you see. Keys stay on this computer.",
+	"rs.s.connecting": "Connecting",
+	"rs.s.live": "Live",
+	"rs.s.retrying": "Reconnecting",
+	"rs.s.error": "Failed",
+	"rs.s.stopped": "Stopped",
+	"rs.p.bilibili": "Bilibili",
+	"rs.p.douyin": "Douyin",
+	"rs.p.kuaishou": "Kuaishou",
+	"rs.p.wechat": "WeChat Channels",
+	"rs.p.douyu": "Douyu",
+	"rs.p.huya": "Huya",
+	"rs.p.yy": "YY",
+	"rs.p.cc": "NetEase CC",
+	"rs.p.youtube": "YouTube",
+	"rs.p.twitch": "Twitch",
+	"rs.p.custom": "Other (RTMP)",
+	"rs.h.bilibili": "In the Bilibili live tool (直播姬) or the web live page, open the streaming settings and copy the server address and stream key.",
+	"rs.h.douyin": "In Douyin Live Companion (直播伴侣), copy the push address; your account needs streaming rights.",
+	"rs.h.kuaishou": "In Kuaishou Live Companion, open streaming settings and copy the address and key.",
+	"rs.h.wechat": "In WeChat Channels Assistant (视频号助手), create a live session and copy its push address and key.",
+	"rs.h.douyu": "Douyu streamer centre → live settings: copy the push address and code.",
+	"rs.h.huya": "Huya streamer back office → push settings (OBS): copy the address and key.",
+	"rs.h.yy": "Copy the push address and key from the YY live tool.",
+	"rs.h.cc": "Copy the push address and key from the NetEase CC live tool.",
+	"rs.h.youtube": "YouTube Studio → Go live → Stream: copy the stream key (the server is filled in).",
+	"rs.h.twitch": "Twitch dashboard → Settings → Stream: copy the primary stream key (the server is filled in).",
+	"rs.h.custom": "Any RTMP, RTMPS or SRT address. If it already contains the key, leave the key empty.",
 	"menu.download": "Download",
 	"usage.tokens": "{n} tokens",
 	"usage.title": "Usage for this video",
@@ -35774,7 +36191,7 @@ const en = {
 	"chat.p.summary": "Summarise the key points of this video so far from the subtitles.",
 	"chat.p.download": "Download the original of this video.",
 	"page.back": "Back to chats",
-	"page.open": "Video",
+	"page.open": "Vidi video",
 	"side.subs": "Subtitles {p}%",
 	"side.subsLive": "Subtitling",
 	"side.recording": "Recording",
@@ -35851,6 +36268,7 @@ const en = {
 	"set.login.none": "Off",
 	"set.key": "{s} key",
 	"set.key.fromDsh": "from DSH",
+	"set.key.fromDshP": "from DSH · {p}",
 	"set.key.fromEnv": "from environment",
 	"set.key.replace": "Paste a new key",
 	"set.key.paste": "Paste key",
@@ -35899,6 +36317,55 @@ const zh = {
 	"sub.bg.none": "无",
 	"sub.bg.light": "浅",
 	"sub.bg.dark": "深",
+	"menu.restream": "转播",
+	"rs.live": "转播中",
+	"rs.title": "把这个视频连同字幕推到直播平台",
+	"rs.running": "转播中 · {t}",
+	"rs.add": "添加平台",
+	"rs.edit": "修改",
+	"rs.remove": "删除",
+	"rs.platform": "平台",
+	"rs.server": "服务器地址",
+	"rs.key": "推流码",
+	"rs.keyPh": "粘贴推流码",
+	"rs.keyKeep": "留空则沿用已保存的推流码",
+	"rs.save": "保存",
+	"rs.burn": "字幕显示在画面里",
+	"rs.start": "开始转播（{n} 个平台）",
+	"rs.pick": "先勾选要推到哪里",
+	"rs.stop": "停止转播",
+	"rs.stopOne": "停止这一路",
+	"rs.join": "加入",
+	"rs.m.ended": "视频播完了，转播已停止。",
+	"rs.m.noBurn": "这台电脑画不了字幕，先不带字幕推流。",
+	"rs.note": "从你正在看的位置开始，带着你看到的字幕。推流码只存在这台电脑上。",
+	"rs.s.connecting": "连接中",
+	"rs.s.live": "推流中",
+	"rs.s.retrying": "重连中",
+	"rs.s.error": "失败",
+	"rs.s.stopped": "已停止",
+	"rs.p.bilibili": "B站",
+	"rs.p.douyin": "抖音",
+	"rs.p.kuaishou": "快手",
+	"rs.p.wechat": "视频号",
+	"rs.p.douyu": "斗鱼",
+	"rs.p.huya": "虎牙",
+	"rs.p.yy": "YY",
+	"rs.p.cc": "网易CC",
+	"rs.p.youtube": "YouTube",
+	"rs.p.twitch": "Twitch",
+	"rs.p.custom": "其他（RTMP）",
+	"rs.h.bilibili": "在「B站直播姬」或网页端「我的直播间 → 开播设置」里，复制服务器地址和串流密钥。",
+	"rs.h.douyin": "在「抖音直播伴侣」里复制推流地址；账号需要先开通推流权限。",
+	"rs.h.kuaishou": "在「快手直播伴侣 → 推流设置」里复制地址和推流码。",
+	"rs.h.wechat": "在「视频号助手」里创建直播，复制推流地址和推流密钥。",
+	"rs.h.douyu": "在「斗鱼主播中心 → 直播设置」里复制推流地址和推流码。",
+	"rs.h.huya": "在「虎牙主播后台 → 推流设置（OBS 推流）」里复制地址和密钥。",
+	"rs.h.yy": "在 YY 开播工具里复制推流地址和推流码。",
+	"rs.h.cc": "在网易CC开播工具里复制推流地址和推流码。",
+	"rs.h.youtube": "在 YouTube Studio「开始直播 → 直播」里复制串流密钥，服务器地址已经填好。",
+	"rs.h.twitch": "在 Twitch 创作者后台「设置 → 直播」里复制主串流密钥，服务器地址已经填好。",
+	"rs.h.custom": "任意 RTMP、RTMPS 或 SRT 地址。地址里已经带了推流码的话，推流码留空。",
 	"menu.download": "下载",
 	"usage.tokens": "{n} tokens",
 	"usage.title": "这个视频的用量",
@@ -36038,7 +36505,7 @@ const zh = {
 	"chat.p.summary": "根据字幕，总结这个视频到目前为止的要点。",
 	"chat.p.download": "下载这个视频的原片。",
 	"page.back": "返回对话",
-	"page.open": "视频",
+	"page.open": "Vidi 视频",
 	"side.subs": "字幕 {p}%",
 	"side.subsLive": "生成字幕中",
 	"side.recording": "录制中",
@@ -36115,6 +36582,7 @@ const zh = {
 	"set.login.none": "不用",
 	"set.key": "{s} 密钥",
 	"set.key.fromDsh": "来自 DSH",
+	"set.key.fromDshP": "来自 DSH · {p}",
 	"set.key.fromEnv": "来自环境变量",
 	"set.key.replace": "粘贴新密钥替换",
 	"set.key.paste": "粘贴密钥",
@@ -36465,6 +36933,44 @@ const CSS = `
 .dshl-submenu .seg button.on { background: rgba(255,255,255,.92); color: #111; font-weight: 600; }
 
 /* Download (inside the dark menu) */
+/* Restream (player menu) */
+.dshl-rs { display: grid; gap: 10px; padding: 0 6px; }
+.dshl-rs .rs-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 12.5px; }
+.dshl-rs .rs-head .dshl-link { flex: none; font-size: 12.5px; }
+.dshl-rs .rs-list { display: grid; gap: 2px; margin: 0 -6px; }
+.dshl-rs .rs-row { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 4px 6px 4px 10px; border-radius: 8px; }
+.dshl-rs .rs-row:hover { background: var(--hover); }
+.dshl-rs .rs-row input[type=checkbox], .dshl-rs .rs-check input { width: 16px; height: 16px; margin: 0; flex: none; accent-color: #3d6df2; cursor: pointer; }
+.dshl-rs .rs-name { display: grid; flex: 1; min-width: 0; font-size: 13.5px; font-weight: 550; }
+.dshl-rs .rs-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--faint); font-size: 11.5px; font-weight: 400; }
+.dshl-rs .rs-tools { display: flex; gap: 2px; opacity: .65; }
+.dshl-rs .rs-row:hover .rs-tools { opacity: 1; }
+.dshl-rs button.ghost { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--muted); cursor: pointer; }
+.dshl-rs button.ghost:hover { background: var(--l2); color: var(--ink); }
+.dshl-rs .rs-dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--faint); }
+.dshl-rs .rs-dot.live { background: #2fbf71; box-shadow: 0 0 0 3px rgba(47,191,113,.2); }
+.dshl-rs .rs-dot.connecting, .dshl-rs .rs-dot.retrying { background: #f5a524; animation: dshl-pulse 1.4s ease-in-out infinite; }
+.dshl-rs .rs-dot.error { background: #ff5a5f; }
+.dshl-rs .rs-state { flex: none; color: var(--muted); font-size: 12px; }
+.dshl-rs .rs-state.live { color: #5fd897; }
+.dshl-rs .rs-state.error { color: #ff7a7e; }
+.dshl-rs .rs-opts { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; }
+.dshl-rs .rs-check { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
+.dshl-rs .seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 8px; background: var(--l2); }
+.dshl-rs .seg button { height: 26px; padding: 0 12px; border: 0; border-radius: 6px; background: none; color: var(--muted); font-size: 12.5px; cursor: pointer; }
+.dshl-rs .seg button.on { background: rgba(255,255,255,.92); color: #111; font-weight: 600; }
+.dshl-rs .dshl-btn.block { height: 38px; justify-content: center; }
+.dshl-rs .dshl-btn.rs-stop { border-color: transparent; background: #e5484d; color: #fff; }
+.dshl-rs .rs-hint { margin: 0; color: var(--faint); font-size: 12px; line-height: 1.55; }
+.dshl-rs .rs-err { margin: 0; color: #ff8f92; font-size: 12px; line-height: 1.55; }
+.dshl-rs .rs-field { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); }
+.dshl-rs .rs-field input, .dshl-rs .rs-field select { width: 100%; height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--l1); color: var(--ink); font: inherit; font-size: 13px; }
+.dshl-rs .rs-field select { padding-right: 28px; background-color: var(--l1); background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%23aaa%27 stroke-width=%271.5%27/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; appearance: none; }
+.dshl-rs .rs-field input:focus, .dshl-rs .rs-field select:focus { outline: none; border-color: var(--accent); }
+.dshl-rs .rs-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.dshl-menu.sheet .dshl-rs .rs-row { min-height: 50px; }
+.dshl-menu.sheet .dshl-rs .rs-field input, .dshl-menu.sheet .dshl-rs .rs-field select { height: 42px; font-size: 15px; }
+.dshl-menu.sheet .dshl-rs .dshl-btn.block { height: 46px; font-size: 15px; }
 .dshl-dl { display: grid; gap: 14px; padding: 0 6px; }
 .dshl-dl .grp { display: grid; gap: 8px; }
 .dshl-dl .cap { color: var(--muted); font-size: 12px; font-weight: 550; }