JimLiu/baocut

- **网上的视频下载前先过用户**：BaoCut 的素材检索里 Commons 与 Internet Archive 的许可清楚（public-domain、cc0 随便用，cc-by 要署名，cc-by-sa 要求成片同样许可，带 nc 的只许非商业），按用户说的用途筛；YouTube 的许可多半没写（版权归上传者），把要用的几条（标题、频道、链接）列给用户，由用户决定。用户一次说过「都可以下，后续我去取授权」就不再逐条问，只在交付时列清单。

[Credential-related source omitted]

// recipe:extract-content — the file table out of a one-file PAGE (kept in files: skip) const html = await (await fetch(ARTIFACT_URL)).text();

const html = await (await fetch(ARTIFACT_URL)).text();

const p = v.slice(v.indexOf(',') + 1), bytes = /;base64,/.test(v.slice(0, v.indexOf(',') + 1)) ? Uint8Array.from(atob(p), c => c.charCodeAt(0)) : new TextEncoder().encode(decodeURIComponent(p)); // assets = paths under assets/

两样都要有：一个**读**仓库的途径——带 `git`/`gh` 的 shell（把仓库克隆到一个临时目录，或者工作目录本身就是它），或者 GitHub 连接器的文件、搜索和提交工具——以及你的文件工具，用来写设计系统的目录。缺任何一样：说出来（没有连接器也没有 checkout：请用户改为把文件放到工作目录里；连接器看不到的私有仓库：请用户给权限）然后停下。在你工作目录**里面**的一个目录中干活（如果工作目录就是 checkout，不要提交它）；文件内容写到那里，绝不写进

1. 先定设计系统，再定任何外观。本次会话的指令或用户指明了设计系统（一个目录、一个 Space 条目）？就用那些。用户拒绝了？就不用。否则在 Space（`space_list`，种类 `design-system`）和工作目录里找设计系统，每个都是一个含 `design-system.json` 的目录：找到了 → 说出它们的名字，在有人能回答时问要不要用其中一个；没人可问，或一个都没有 → 用你自己的外观。用设计系统时，在**一条**消息里用你的文件工具读它的 `REA

2. 设计系统的 README 写了 bundle 的全局名（`window.<Ns>`）？**挂载**它的真组件，绝不用仿制品：现在就读 `references/design-system-components.md`。其余一切仍写成画板 markup：只为已有的或共享的组件挂载 `x-import`，绝不为你自己的内容挂载。 3. 每个图片或字体**文件**（png/jpg/gif/webp/svg；woff2/woff/ttf/otf）：用 design_import_

3. 每个图片或字体**文件**（png/jpg/gif/webp/svg；woff2/woff/ttf/otf）：用 design_import_asset 导入（见下文；它要求磁盘上已有 `<canvas>/canvas.json`：先写好它，见第 5 步）→ 它返回的 `src`（`/_blob/<id>`）**原样**写到用到这个文件的地方：`<img src>`、`<helmet><style>` 规则里的 `url(…)`（不要写在行内 `style="…"` 里

- **事件确实支持**：用 JSX 驼峰写法、整个值就是一个 hole 的 attribute：`onClick="{{ pick }}"`，其中 `pick` 是 `renderVals()` 返回的函数。可交互的选中 state（可点的 swatch、尺寸 pill）是这里的惯用做法：把选中项存在 `state` 里；需要每项一个处理函数时，在 `renderVals()` 里给每个循环项挂一个：`items: xs.map((x) => ({ ...x, pick: 

- **控制流**：`<sc-if value="{{ cond }}" hint-placeholder-val="{{ true }}">…</sc-if>` 做分支；`<sc-for list="{{ items }}" as="item" hint-placeholder-count="3">` 做重复，作用域里有 `{{ item.x }}` 和 `{{ $index }}`。始终设置 `hint-*` attribute（值还在流式传入时，渲染的就是它们）。 - 

- **画板之间的链接**：`<a href="Cart.dc.html">View cart</a>` 让 Play 切到那块画板，原地或全窗口都一样（编辑时不会）。href 是目标相对于本画板的路径；以 `/` 开头表示设计稿根目录（`/sub/Cart.dc.html`）。把 `<a>` 本身做成按钮的样子：放在它里面的 `<button>` 或 input 会吞掉点击。`href="#id"` 在画板内滚动；`https://…` 打开一个新标签页。每块画板有自己的 

{"op":"delete","target":{"kind":"find","text":" if legal review runs long"}},   {"op":"insert","target":{"kind":"blocks","ids":["mq2x81a0kfd.16"]},"side":"after",    "source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retr

{"op":"insert","target":{"kind":"blocks","ids":["mq2x81a0kfd.16"]},"side":"after",    "source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retro on Oct 6\n- [Vendor pricing](https://example.com/pricing)"}}},   {"op":"replac

"source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retro on Oct 6\n- [Vendor pricing](https://example.com/pricing)"}}},

{"$lid":"n","verb":"create","object":"node","engine":"prose",    "payload":{"parent":{"object":"file","id":"$lid:f"},               "source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example

"payload":{"parent":{"object":"file","id":"$lid:f"},               "source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example.com/pricing), checked weekly"}}}},   {"verb":"update","ref":{"ob

"source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example.com/pricing), checked weekly"}}}},

「东西本身就是解释」、画面与读数由同一份事实驱动、像审片人一样先放大看这几条思路，参考了 Ryan 的 Anatomy skill（https://github.com/wheresryan22/anatomy），按线性视频与大众观众改写。

- 每下一张，就在 `sources.json` 记一条。 - Wikimedia Commons 一张一张地下，每次请求间隔一秒以上，并带上写明用途的 User-Agent；下得太快会被限流。 - 只要中等尺寸时，用缩略图地址 `https://commons.wikimedia.org/wiki/Special:FilePath/<文件名>?width=1600`，不下整张原图。

- 只要中等尺寸时，用缩略图地址 `https://commons.wikimedia.org/wiki/Special:FilePath/<文件名>?width=1600`，不下整张原图。

3. 统一出场那行在，结束前 0.62 s 开始、0.05 s 结束。 4. 所有 `range(time, a, b)`：a、b 只用数字、`DURATION` 与四则运算（否则 lint 只能给警告）；第一个 a ≥ 0.02；每个 0.2 ≤ b − a ≤ 2.0，且不越出 0–duration；最后一个入场的 b ≤ 出场开始 − 1.2（连续动效除外）。写在 `Math.sin(...)` / `Math.cos(...)` 参数里的 `range`（pulse 

4. 所有 `range(time, a, b)`：a、b 只用数字、`DURATION` 与四则运算（否则 lint 只能给警告）；第一个 a ≥ 0.02；每个 0.2 ≤ b − a ≤ 2.0，且不越出 0–duration；最后一个入场的 b ≤ 出场开始 − 1.2（连续动效除外）。写在 `Math.sin(...)` / `Math.cos(...)` 参数里的 `range`（pulse 这类停留期动效）不算入场窗口。 5. 没有 `http://`、`htt

5. 没有 `http://`、`https://`、`//` 开头的地址，没有 `<script src>`、`<link>`、`@import`、`fetch(`、`XMLHttpRequest`、`WebSocket`、`EventSource`、动态 `import(`。

#!/usr/bin/env node

[/<link\s/gi, 'EXTERNAL_LINK', '<link>'],     [/@import\b/g, 'CSS_IMPORT', '@import'],     [/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],

[/@import\b/g, 'CSS_IMPORT', '@import'],     [/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],     [/\bXMLHttpRequest\b/g, 'NETWORK_API', 'XMLHttpRequest'],

[/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],

while ((rm = rafRe.exec(html))) {

Executable file

Executable file

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

Executable file

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

fs.writeFileSync(csv, '<U+FEFF>' + [keys.map(k => cell(cols[k])).join(','), ...rows].join('\n') + '\n');

#!/usr/bin/env node

return body.replace(/^<U+FEFF>/, '').replace(/\r\n?/g, '\n').trim().split(/\n{2,}/).flatMap(block => {

#!/usr/bin/env node

"source-sans-3": {       "family": "Source Sans 3",       "href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"

"family": "Source Sans 3",       "href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"     }

"href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"

- 页面里用到的网络字体与字体文件，都要在 `deck.json` 的 `faces` 里登记：键是自己起的短名，值是 `{ "family": "…", "href": "…" }` 或 `{ "family": "…", "src": "…" }`，`href` 与 `src` 只写一个。 - `family` 以英文字母开头，只含字母、数字、空格、`-`、`_`，最长 40 个字符，与 `font-family` 里写的完全一致。 - `href` 只能是 Google

- `family` 以英文字母开头，只含字母、数字、空格、`-`、`_`，最长 40 个字符，与 `font-family` 里写的完全一致。 - `href` 只能是 Google Fonts 的 css2 地址（`https://fonts.googleapis.com/css2?family=…`），最长 1024 个字符，用到的字重都写进去。 - `src` 是 deck 里的字体文件的地址，原样写；不写 `data:`、网上地址或相对路径。只有一个字重的静态字体文

- `href` 只能是 Google Fonts 的 css2 地址（`https://fonts.googleapis.com/css2?family=…`），最长 1024 个字符，用到的字重都写进去。

本做法的分阶段流程借鉴了 Manus 官方 skill video-generator，并按 BaoCut 的工具与能力改写。开头样段、视觉参考图、稿子与材料的对应表、按条处理修改意见，以及旁白用真人录音还是合成的取舍，受「大师的AI小灶」（@dashiAIxz）分享的 Opus 5.5 剪辑经验启发（https://x.com/dashiAIxz/status/2108785099663867916）。代码场景里整首歌按整帧分段、样段带上第一次高潮、角色分开画再在代码里同框

const fresh = url => url + (url.includes('?') ? '&' : '?') + 'v=' + Date.now();   const getJson = async url => (await fetch(fresh(url))).json();

const getJson = async url => (await fetch(fresh(url))).json();

au.removeAttribute('src');     // 整段读成 blob 再播：简单的静态服务不支持 Range 请求，直接给地址拖不动进度     if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());

// 整段读成 blob 再播：简单的静态服务不支持 Range 请求，直接给地址拖不动进度     if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());     for (const c of clips) URL.revokeObjectURL(c.el.src);

if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());

const el = document.createElement('video');       Object.assign(el, { className: 'clip', muted: !c.audio, volume: c.volume ?? 1, playsInline: true, preload: 'auto' });       el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blo

Object.assign(el, { className: 'clip', muted: !c.audio, volume: c.volume ?? 1, playsInline: true, preload: 'auto' });       el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blob());       $('clips').appendChild(el); clips.push

el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blob());

if (my !== token) return;     // 入口加了时间戳，入口引用的脚本仍可能取到浏览器缓存的旧版：先按入口里的地址强制重取一遍，iframe 再加载时拿到的就是新的     const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 

// 入口加了时间戳，入口引用的脚本仍可能取到浏览器缓存的旧版：先按入口里的地址强制重取一遍，iframe 再加载时拿到的就是新的     const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 'text/html');     const refs =

const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 'text/html');

const refs = [...doc.querySelectorAll('script[src], link[rel=stylesheet][href]')].map(el => new URL(el.getAttribute('src') || el.getAttribute('href'), new URL(entry, location.href)).href);     await Promise.all(refs.map(u => fetch(u, { cach

await Promise.all(refs.map(u => fetch(u, { cache: 'reload' }).catch(() => {})));

Executable file

- **一段接一段导入**时带 `background: true`：导入立刻返回 `bakeJobId`，烘焙在后台排队串行进行（jobs_list / jobs_wait 看进度），期间接着导入下一段或改别的片段。上一段烘完写替身与下一段导入会撞版本：不给 `revision` 时 Runtime 按最新版本重试，给了就自己重试。后台任务结束后 jobs_inspect 结果的 `result.bake.renderer` 看它走了指令还是像素。改了这一段（换代码包、变速

- **用 Three.js、p5 WEBGL 或别的 WebGL 库**时走不了指令，整段按截图烘焙（1080p 实测约 7–18 帧/秒，随场景复杂度变化；八分钟的片子约半小时），导入前跟用户说清要等多久。文字、数字与图解画在 WebGL 画布上面的第二张 2D 画布里（两张画布都放进根元素），比在 3D 里做文字清楚、好改。库文件放进包里（`vendor/three.module.js` 原样能用），不引 CDN；模型与贴图用 `gltf` / `glb` / `bin

- **用 p5 画 2D**能走指令：实例模式 `new p5(sketch, root)` 让画布挂进根元素，`setup` 里 `pixelDensity(1)`、`createCanvas(W, H)`、`noLoop()`，`draw` 开头 `clear()`（透明）或整幅 `background(...)`（不透明，根元素写 `data-alpha="false"`），`renderAt` 记下时间后 `inst.redraw()`，`initialize` 等

候选的 `downloadWith` 说用哪个工具下载。Commons 与 Internet Archive 的许可清楚：public-domain 与 cc0 随便用，cc-by 要署名，cc-by-sa 还要求成片用同样的许可（先告诉用户），带 nc 的只许非商业用途。YouTube 的许可多半没写（`license.class` 为 `unknown`，版权归上传者）：下载前把要用的几条（标题、频道、链接）告诉用户，由用户决定。

本页只描述 Gemini TTS 的预置音色体系，见 [Gemini TTS 官方音色文档](https://ai.google.dev/gemini-api/docs/speech-generation#voice-options)。实际可用项取决于所选模型、版本与服务暴露的能力，先用 {{tool:models_capabilities}} 核对；这不是 BaoCut 所有 TTS 模型共用的音色清单。

- 链接形如 `http://127.0.0.1:<端口>/home?video=…#code=…`：`#code=` 后面是**一次性代码**，两分钟内有效、只能用一次。打开后页面用它换成浏览器会话，地址栏里的代码随即去掉。

- **不用先问。** 与 `web open` 一样只在本机开服务、发链接，不改视频。服务没开时它先开起来，并设为随 BaoCut 启动；结果里 `result.link.autostartEnabled` 为 true（终端里多一行说明）时，在回复里告诉用户一句。 - **开到用户面前。** 宿主有浏览器面板或浏览器工具时，直接在里面打开 `result.link.url`：审片页开在会话旁边，用户不用自己找链接，也不用访问码。同时在回复里给出整条链接，用户要在系统浏览器

- **开到用户面前。** 宿主有浏览器面板或浏览器工具时，直接在里面打开 `result.link.url`：审片页开在会话旁边，用户不用自己找链接，也不用访问码。同时在回复里给出整条链接，用户要在系统浏览器、另一块屏幕上看，或之后再打开时用它。宿主没有浏览器时只给链接。不用系统命令打开它（见「前置检查」）。 - **原样给出。** `result.link.url` 形如 `http://127.0.0.1:<端口>/review/<videoId>#key=…`，`#k

- **原样给出。** `result.link.url` 形如 `http://127.0.0.1:<端口>/review/<videoId>#key=…`，`#key=` 是密钥，整条都要给，不截断、不改写；宿主能渲染链接就给可点的链接。

- **网上的视频下载前先过用户**：BaoCut 的素材检索里 Commons 与 Internet Archive 的许可清楚（public-domain、cc0 随便用，cc-by 要署名，cc-by-sa 要求成片同样许可，带 nc 的只许非商业），按用户说的用途筛；YouTube 的许可多半没写（版权归上传者），把要用的几条（标题、频道、链接）列给用户，由用户决定。用户一次说过「都可以下，后续我去取授权」就不再逐条问，只在交付时列清单。

[Credential-related source omitted]

// recipe:extract-content — the file table out of a one-file PAGE (kept in files: skip) const html = await (await fetch(ARTIFACT_URL)).text();

const html = await (await fetch(ARTIFACT_URL)).text();

const p = v.slice(v.indexOf(',') + 1), bytes = /;base64,/.test(v.slice(0, v.indexOf(',') + 1)) ? Uint8Array.from(atob(p), c => c.charCodeAt(0)) : new TextEncoder().encode(decodeURIComponent(p)); // assets = paths under assets/

两样都要有：一个**读**仓库的途径——带 `git`/`gh` 的 shell（把仓库克隆到一个临时目录，或者工作目录本身就是它），或者 GitHub 连接器的文件、搜索和提交工具——以及你的文件工具，用来写设计系统的目录。缺任何一样：说出来（没有连接器也没有 checkout：请用户改为把文件放到工作目录里；连接器看不到的私有仓库：请用户给权限）然后停下。在你工作目录**里面**的一个目录中干活（如果工作目录就是 checkout，不要提交它）；文件内容写到那里，绝不写进

1. 先定设计系统，再定任何外观。本次会话的指令或用户指明了设计系统（一个目录、一个 Space 条目）？就用那些。用户拒绝了？就不用。否则在 Space（`baocut space list`，种类 `design-system`）和工作目录里找设计系统，每个都是一个含 `design-system.json` 的目录：找到了 → 说出它们的名字，在有人能回答时问要不要用其中一个；没人可问，或一个都没有 → 用你自己的外观。用设计系统时，在**一条**消息里用你的文件工具读

2. 设计系统的 README 写了 bundle 的全局名（`window.<Ns>`）？**挂载**它的真组件，绝不用仿制品：现在就读 [设计系统的真组件](design/references/design-system-components.md)。其余一切仍写成画板 markup：只为已有的或共享的组件挂载 `x-import`，绝不为你自己的内容挂载。 3. 每个图片或字体**文件**（png/jpg/gif/webp/svg；woff2/woff/ttf/otf）

3. 每个图片或字体**文件**（png/jpg/gif/webp/svg；woff2/woff/ttf/otf）：终端里没有把它导入设计稿的命令：先不放（图片换成带说明的 placeholder），并说明这份设计需要哪些文件。.css .js .json 文件是 `<canvas>/` 下的辅助文件，用相对路径引用：`<head>` 里 `support.js` 那一行之后的 `<link rel="stylesheet" href>`、`<script src>`，以及 

- **事件确实支持**：用 JSX 驼峰写法、整个值就是一个 hole 的 attribute：`onClick="{{ pick }}"`，其中 `pick` 是 `renderVals()` 返回的函数。可交互的选中 state（可点的 swatch、尺寸 pill）是这里的惯用做法：把选中项存在 `state` 里；需要每项一个处理函数时，在 `renderVals()` 里给每个循环项挂一个：`items: xs.map((x) => ({ ...x, pick: 

- **控制流**：`<sc-if value="{{ cond }}" hint-placeholder-val="{{ true }}">…</sc-if>` 做分支；`<sc-for list="{{ items }}" as="item" hint-placeholder-count="3">` 做重复，作用域里有 `{{ item.x }}` 和 `{{ $index }}`。始终设置 `hint-*` attribute（值还在流式传入时，渲染的就是它们）。 - 

- **画板之间的链接**：`<a href="Cart.dc.html">View cart</a>` 让 Play 切到那块画板，原地或全窗口都一样（编辑时不会）。href 是目标相对于本画板的路径；以 `/` 开头表示设计稿根目录（`/sub/Cart.dc.html`）。把 `<a>` 本身做成按钮的样子：放在它里面的 `<button>` 或 input 会吞掉点击。`href="#id"` 在画板内滚动；`https://…` 打开一个新标签页。每块画板有自己的 

{"op":"delete","target":{"kind":"find","text":" if legal review runs long"}},   {"op":"insert","target":{"kind":"blocks","ids":["mq2x81a0kfd.16"]},"side":"after",    "source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retr

{"op":"insert","target":{"kind":"blocks","ids":["mq2x81a0kfd.16"]},"side":"after",    "source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retro on Oct 6\n- [Vendor pricing](https://example.com/pricing)"}}},   {"op":"replac

"source":{"as":"markdown","from":{"kind":"inline","content":"- Launch retro on Oct 6\n- [Vendor pricing](https://example.com/pricing)"}}},

{"$lid":"n","verb":"create","object":"node","engine":"prose",    "payload":{"parent":{"object":"file","id":"$lid:f"},               "source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example

"payload":{"parent":{"object":"file","id":"$lid:f"},               "source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example.com/pricing), checked weekly"}}}},   {"verb":"update","ref":{"ob

"source":{"as":"markdown","from":{"kind":"inline","content":"# Sources\n\n- [Vendor pricing](https://example.com/pricing), checked weekly"}}}},

「东西本身就是解释」、画面与读数由同一份事实驱动、像审片人一样先放大看这几条思路，参考了 Ryan 的 Anatomy skill（https://github.com/wheresryan22/anatomy），按线性视频与大众观众改写。

- 每下一张，就在 `sources.json` 记一条。 - Wikimedia Commons 一张一张地下，每次请求间隔一秒以上，并带上写明用途的 User-Agent；下得太快会被限流。 - 只要中等尺寸时，用缩略图地址 `https://commons.wikimedia.org/wiki/Special:FilePath/<文件名>?width=1600`，不下整张原图。

- 只要中等尺寸时，用缩略图地址 `https://commons.wikimedia.org/wiki/Special:FilePath/<文件名>?width=1600`，不下整张原图。

3. 统一出场那行在，结束前 0.62 s 开始、0.05 s 结束。 4. 所有 `range(time, a, b)`：a、b 只用数字、`DURATION` 与四则运算（否则 lint 只能给警告）；第一个 a ≥ 0.02；每个 0.2 ≤ b − a ≤ 2.0，且不越出 0–duration；最后一个入场的 b ≤ 出场开始 − 1.2（连续动效除外）。写在 `Math.sin(...)` / `Math.cos(...)` 参数里的 `range`（pulse 

4. 所有 `range(time, a, b)`：a、b 只用数字、`DURATION` 与四则运算（否则 lint 只能给警告）；第一个 a ≥ 0.02；每个 0.2 ≤ b − a ≤ 2.0，且不越出 0–duration；最后一个入场的 b ≤ 出场开始 − 1.2（连续动效除外）。写在 `Math.sin(...)` / `Math.cos(...)` 参数里的 `range`（pulse 这类停留期动效）不算入场窗口。 5. 没有 `http://`、`htt

5. 没有 `http://`、`https://`、`//` 开头的地址，没有 `<script src>`、`<link>`、`@import`、`fetch(`、`XMLHttpRequest`、`WebSocket`、`EventSource`、动态 `import(`。

#!/usr/bin/env node

[/<link\s/gi, 'EXTERNAL_LINK', '<link>'],     [/@import\b/g, 'CSS_IMPORT', '@import'],     [/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],

[/@import\b/g, 'CSS_IMPORT', '@import'],     [/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],     [/\bXMLHttpRequest\b/g, 'NETWORK_API', 'XMLHttpRequest'],

[/\bfetch\s*\(/g, 'NETWORK_API', 'fetch('],

while ((rm = rafRe.exec(html))) {

Executable file

Executable file

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

Executable file

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

#!/usr/bin/env node

fs.writeFileSync(csv, '<U+FEFF>' + [keys.map(k => cell(cols[k])).join(','), ...rows].join('\n') + '\n');

#!/usr/bin/env node

return body.replace(/^<U+FEFF>/, '').replace(/\r\n?/g, '\n').trim().split(/\n{2,}/).flatMap(block => {

#!/usr/bin/env node

"source-sans-3": {       "family": "Source Sans 3",       "href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"

"family": "Source Sans 3",       "href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"     }

"href": "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap"

- 页面里用到的网络字体与字体文件，都要在 `deck.json` 的 `faces` 里登记：键是自己起的短名，值是 `{ "family": "…", "href": "…" }` 或 `{ "family": "…", "src": "…" }`，`href` 与 `src` 只写一个。 - `family` 以英文字母开头，只含字母、数字、空格、`-`、`_`，最长 40 个字符，与 `font-family` 里写的完全一致。 - `href` 只能是 Google

- `family` 以英文字母开头，只含字母、数字、空格、`-`、`_`，最长 40 个字符，与 `font-family` 里写的完全一致。 - `href` 只能是 Google Fonts 的 css2 地址（`https://fonts.googleapis.com/css2?family=…`），最长 1024 个字符，用到的字重都写进去。 - `src` 是 deck 里的字体文件的地址，原样写；不写 `data:`、网上地址或相对路径。只有一个字重的静态字体文

- `href` 只能是 Google Fonts 的 css2 地址（`https://fonts.googleapis.com/css2?family=…`），最长 1024 个字符，用到的字重都写进去。

本做法的分阶段流程借鉴了 Manus 官方 skill video-generator，并按 BaoCut 的工具与能力改写。开头样段、视觉参考图、稿子与材料的对应表、按条处理修改意见，以及旁白用真人录音还是合成的取舍，受「大师的AI小灶」（@dashiAIxz）分享的 Opus 5.5 剪辑经验启发（https://x.com/dashiAIxz/status/2108785099663867916）。代码场景里整首歌按整帧分段、样段带上第一次高潮、角色分开画再在代码里同框

const fresh = url => url + (url.includes('?') ? '&' : '?') + 'v=' + Date.now();   const getJson = async url => (await fetch(fresh(url))).json();

const getJson = async url => (await fetch(fresh(url))).json();

au.removeAttribute('src');     // 整段读成 blob 再播：简单的静态服务不支持 Range 请求，直接给地址拖不动进度     if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());

// 整段读成 blob 再播：简单的静态服务不支持 Range 请求，直接给地址拖不动进度     if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());     for (const c of clips) URL.revokeObjectURL(c.el.src);

if (s.audio) au.src = URL.createObjectURL(await (await fetch(fresh(s.audio))).blob());

const el = document.createElement('video');       Object.assign(el, { className: 'clip', muted: !c.audio, volume: c.volume ?? 1, playsInline: true, preload: 'auto' });       el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blo

Object.assign(el, { className: 'clip', muted: !c.audio, volume: c.volume ?? 1, playsInline: true, preload: 'auto' });       el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blob());       $('clips').appendChild(el); clips.push

el.src = URL.createObjectURL(await (await fetch(fresh(c.src))).blob());

if (my !== token) return;     // 入口加了时间戳，入口引用的脚本仍可能取到浏览器缓存的旧版：先按入口里的地址强制重取一遍，iframe 再加载时拿到的就是新的     const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 

// 入口加了时间戳，入口引用的脚本仍可能取到浏览器缓存的旧版：先按入口里的地址强制重取一遍，iframe 再加载时拿到的就是新的     const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 'text/html');     const refs =

const entry = s.bundle.replace(/\/?$/, '/') + 'index.html', doc = new DOMParser().parseFromString(await (await fetch(fresh(entry))).text(), 'text/html');

const refs = [...doc.querySelectorAll('script[src], link[rel=stylesheet][href]')].map(el => new URL(el.getAttribute('src') || el.getAttribute('href'), new URL(entry, location.href)).href);     await Promise.all(refs.map(u => fetch(u, { cach

await Promise.all(refs.map(u => fetch(u, { cache: 'reload' }).catch(() => {})));

Executable file

- **一段接一段导入**时带 `background: true`：导入立刻返回 `bakeJobId`，烘焙在后台排队串行进行（`baocut jobs list` / `baocut jobs wait` 看进度），期间接着导入下一段或改别的片段。上一段烘完写替身与下一段导入会撞版本：不给 `revision` 时 Runtime 按最新版本重试，给了就自己重试。后台任务结束后 `baocut jobs inspect` 结果的 `result.bake.rendere

- **用 Three.js、p5 WEBGL 或别的 WebGL 库**时走不了指令，整段按截图烘焙（1080p 实测约 7–18 帧/秒，随场景复杂度变化；八分钟的片子约半小时），导入前跟用户说清要等多久。文字、数字与图解画在 WebGL 画布上面的第二张 2D 画布里（两张画布都放进根元素），比在 3D 里做文字清楚、好改。库文件放进包里（`vendor/three.module.js` 原样能用），不引 CDN；模型与贴图用 `gltf` / `glb` / `bin

- **用 p5 画 2D**能走指令：实例模式 `new p5(sketch, root)` 让画布挂进根元素，`setup` 里 `pixelDensity(1)`、`createCanvas(W, H)`、`noLoop()`，`draw` 开头 `clear()`（透明）或整幅 `background(...)`（不透明，根元素写 `data-alpha="false"`），`renderAt` 记下时间后 `inst.redraw()`，`initialize` 等