nodes/olivv-cs-ComfyUI-FunPack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Movie Editor: capture frame to Media bin when no scene chosen

Browse Source 
The transport frame capture no longer requires a scene: with the selector left on
'— save to Media bin —' it just saves the frame as an asset (usable as an anchor later
via drag/pick); pick a scene to apply it as that scene's i2v anchor. Button label
adapts (Save frame / Use as anchor).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
digital-garbage
2026-06-07 20:57:16 +03:00
co-authored by Claude Opus 4.8
parent 29b7797c80
commit 352ed35ef9
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
movie_editor/frontend/player.js
+22 -18
View File
@@ -235,42 +235,46 @@
const sep = el("div", "pm-sep"); _transportEl.append(sep);
const anchorSel = el("select", "pm-anchor-sel");
anchorSel.title = "Scene that will receive this frame as its i2v anchor";
// Require an explicit choice so the capture never silently overwrites a scene's
// existing image (defaulting to scene 1 was clobbering it).
anchorSel.append(new Option("— apply to scene… —", ""));
anchorSel.title = "Scene to anchor — or leave blank to just save the frame to the Media bin";
// No default scene: blank = just save the frame (never silently overwrites a scene).
anchorSel.append(new Option("— save to Media bin —", ""));
scenes.forEach((s, i) => {
const label = `Scene ${i + 1}` + (s.text ? ": " + s.text.substring(0, 22) : "");
const label = `anchor → Scene ${i + 1}` + (s.text ? ": " + s.text.substring(0, 18) : "");
anchorSel.append(new Option(label, s.id));
});
const anchorBtn = el("button", "btn ghost tiny pm-anchor-btn", "📌 Use as anchor");
anchorBtn.title = "Capture this frame and set it as the i2v starting image for the chosen scene";
const anchorBtn = el("button", "btn ghost tiny pm-anchor-btn", "📌 Save frame");
const _btnLabel = () => (anchorSel.value ? "📌 Use as anchor" : "📌 Save frame");
anchorSel.onchange = () => { anchorBtn.textContent = _btnLabel(); };
anchorBtn.title = "Capture this frame — to the Media bin, or as the chosen scene's i2v anchor";
anchorBtn.onclick = async () => {
const sceneId = anchorSel.value;
if (!sceneId) { alert("Pick which scene to apply this frame to first."); return; }
anchorBtn.disabled = true; anchorBtn.textContent = "Capturing…";
try {
const blob = await window.Player.captureFrame();
if (!blob) {
anchorBtn.textContent = "📌 Use as anchor";
anchorBtn.textContent = _btnLabel();
alert("No video frame available — make sure the playhead is on a rendered segment.");
return;
}
const sc = scenes.find((s) => s.id === sceneId);
const name = `anchor_scene${sc ? (S.get().project.scenes.indexOf(sc) + 1) : ""}_${Date.now()}.png`;
const sc = sceneId ? scenes.find((s) => s.id === sceneId) : null;
const name = `frame_${sc ? "scene" + (S.get().project.scenes.indexOf(sc) + 1) + "_" : ""}${Date.now()}.png`;
const file = new File([blob], name, { type: "image/png" });
await S.uploadMedia([file]);
const bin = S.get().mediaBin;
const asset = bin[bin.length - 1];
if (!asset) { alert("Upload failed."); return; }
// Store as generated_frame type (builder accepts it like "image")
S.patchScene(sceneId, { source: { type: "generated_frame", media_ref: asset.id } });
anchorBtn.textContent = "✓ Applied";
if (sceneId) {
const bin = S.get().mediaBin;
const asset = bin[bin.length - 1];
if (!asset) { alert("Upload failed."); return; }
// Store as generated_frame type (builder accepts it like "image")
S.patchScene(sceneId, { source: { type: "generated_frame", media_ref: asset.id } });
anchorBtn.textContent = "✓ Applied";
} else {
anchorBtn.textContent = "✓ Saved";
}
setTimeout(() => _renderTransport(), 1600);
} catch (e) {
alert("Capture failed: " + e.message);
anchorBtn.textContent = "📌 Use as anchor";
anchorBtn.textContent = _btnLabel();
} finally {
anchorBtn.disabled = false;
}