YT-DLP 下载助手 ✕
就绪。当前页面：
${currentVideoUrl()}
快捷键 ${HOTKEY_LABEL}：直接下载当前视频
`;
document.body.appendChild(root);
const fab = root.querySelector("#ytdlp-fab");
const panel = root.querySelector("#ytdlp-panel");
const serverInput = root.querySelector("#ytdlp-server");
const fmtSel = root.querySelector("#ytdlp-fmt");
const extraInput = root.querySelector("#ytdlp-extra");
const sendBtn = root.querySelector("#ytdlp-send");
const statusEl = root.querySelector("#ytdlp-status");
const bar = root.querySelector("#ytdlp-bar");
const barFill = root.querySelector("#ytdlp-bar > i");
const openLink = root.querySelector("#ytdlp-open");
function setStatus(msg, cls) {
statusEl.className = "ytdlp-status" + (cls ? " " + cls : "");
statusEl.textContent = msg;
}
fab.addEventListener("click", () => panel.classList.add("open"));
panel.querySelector(".x").addEventListener("click", () => panel.classList.remove("open"));
serverInput.addEventListener("change", () => {
SERVER = serverInput.value.trim().replace(/\/+$/, "");
GM_setValue("ytdlp_server", SERVER);
});
openLink.addEventListener("click", () => window.open(SERVER + "/", "_blank"));
function stopPolling() {
if (pollTimer) { clearInterval(pollTimer); pollTimer = null; }
}
function pollTask(taskId) {
stopPolling();
pollTimer = setInterval(() => {
api("GET", "/api/task/" + taskId, null, (obj) => {
if (obj.error) { setStatus(obj.error, "err"); stopPolling(); return; }
const st = obj.status;
if (st === "downloading" || st === "queued") {
const pct = (obj.progress != null) ? obj.progress.toFixed(1) + "%" : (st === "queued" ? "排队中" : "下载中");
setStatus((obj.filename ? obj.filename + "\n" : "") + pct + (obj.log ? "\n" + obj.log : ""), "");
bar.style.display = "block";
barFill.style.width = (obj.progress != null ? obj.progress : 0) + "%";
} else if (st === "finished") {
setStatus("✅ 下载完成！\n" + (obj.filename || obj.url), "ok");
bar.style.display = "block"; barFill.style.width = "100%";
stopPolling(); sendBtn.disabled = false;
} else if (st === "error") {
setStatus("❌ 失败：" + (obj.error || obj.log || "未知错误"), "err");
stopPolling(); sendBtn.disabled = false;
} else if (st === "cancelled") {
setStatus("已取消", ""); stopPolling(); sendBtn.disabled = false;
}
});
}, 1500);
}
sendBtn.addEventListener("click", doSend);
function doSend() {
SERVER = serverInput.value.trim().replace(/\/+$/, "");
GM_setValue("ytdlp_server", SERVER);
const payload = {
url: currentVideoUrl(),
format: fmtSel.value,
extra_args: extraInput.value.trim(),
};
sendBtn.disabled = true;
setStatus("正在提交到本地服务…", "");
bar.style.display = "none";
api("POST", "/api/download", payload, (obj, code) => {
if (obj.error || (code !== 200 && !obj.task_id)) {
setStatus("❌ " + (obj.error || ("HTTP " + code)), "err");
sendBtn.disabled = false;
return;
}
setStatus("已加入队列，任务 ID: " + obj.task_id + "\n等待服务拉取…", "");
pollTask(obj.task_id);
});
}
// 全局快捷键：在视频页直接按 HOTKEY 触发下载
document.addEventListener("keydown", function (e) {
if (e.altKey !== !!HOTKEY.alt) return;
if (e.ctrlKey !== !!HOTKEY.ctrl) return;
if (e.shiftKey !== !!HOTKEY.shift) return;
if (e.metaKey !== !!HOTKEY.meta) return;
if (e.key.toUpperCase() !== HOTKEY.key.toUpperCase()) return;
const t = e.target;
if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" ||
t.tagName === "SELECT" || t.isContentEditable)) return;
e.preventDefault();
panel.classList.add("open");
doSend();
});
// URL 变化时刷新提示
let lastUrl = location.href;
setInterval(() => {
if (location.href !== lastUrl) {
lastUrl = location.href;
const u = currentVideoUrl();
root.querySelector("#ytdlp-url").textContent = u.slice(0, 38) + "…";
root.querySelector("#ytdlp-url").title = u;
if (panel.classList.contains("open")) {
setStatus("就绪。当前页面：\n" + u, "");
}
}
}, 2000);
})();