diff --git a/tutorials/api-nodes/pricing.mdx b/tutorials/api-nodes/pricing.mdx index 96b7cd30..75fbccdc 100644 --- a/tutorials/api-nodes/pricing.mdx +++ b/tutorials/api-nodes/pricing.mdx @@ -131,40 +131,40 @@ The following table lists the pricing of the current API Nodes. All prices are i | Luma Text to Image | Image | model | photo-flash-1 | 0.0019 | | Luma Image to Image | Image | model | photon-1 | 0.0073 | | Luma Image to Image | Image | model | photon-1 | 0.0073 | -| Luma Image to Video | Video | duration, model, resoluion | ray-1-6, 720p, 5s | 0.35 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 4k, 5s | 6.37 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 4k, 9s | 11.47 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 540p, 5s | 0.4 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 540p, 9s | 0.72 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 720p, 5s | 0.71 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 720p, 9s | 1.27 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 1080p, 5s | 1.59 | -| Luma Image to Video | Video | duration, model, resoluion | ray-2, 1080p, 9s | 2.87 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 4k, 5s | 2.19 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 4k, 9s | 3.94 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 540p, 5s | 0.14 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 540p, 9s | 0.25 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 720p, 5s | 0.24 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 720p, 9s | 0.44 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 1080p, 5s | 0.55 | -| Luma Image to Video | Video | duration, model, resoluion | ray-flash-2, 1080p, 9s | 0.99 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-1-6, 720p, 5s | 0.35 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 4k, 5s | 6.37 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 4k, 9s | 11.47 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 540p, 5s | 0.4 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 540p, 9s | 0.72 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 720p, 5s | 0.71 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 720p, 9s | 1.27 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 1080p, 5s | 1.59 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-2, 1080p, 9s | 2.87 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 4k, 5s | 2.19 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 4k, 9s | 3.94 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 540p, 5s | 0.14 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 540p, 9s | 0.25 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 720p, 5s | 0.24 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 720p, 9s | 0.44 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 1080p, 5s | 0.55 | -| Luma Text-to-video | Video | duration, model, resoluion | ray-flash-2, 1080p, 9s | 0.99 | +| Luma Image to Video | Video | duration, model, resolution | ray-1-6, 720p, 5s | 0.35 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 4k, 5s | 6.37 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 4k, 9s | 11.47 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 540p, 5s | 0.4 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 540p, 9s | 0.72 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 720p, 5s | 0.71 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 720p, 9s | 1.27 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 1080p, 5s | 1.59 | +| Luma Image to Video | Video | duration, model, resolution | ray-2, 1080p, 9s | 2.87 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 4k, 5s | 2.19 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 4k, 9s | 3.94 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 540p, 5s | 0.14 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 540p, 9s | 0.25 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 720p, 5s | 0.24 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 720p, 9s | 0.44 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 1080p, 5s | 0.55 | +| Luma Image to Video | Video | duration, model, resolution | ray-flash-2, 1080p, 9s | 0.99 | +| Luma Text-to-video | Video | duration, model, resolution | ray-1-6, 720p, 5s | 0.35 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 4k, 5s | 6.37 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 4k, 9s | 11.47 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 540p, 5s | 0.4 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 540p, 9s | 0.72 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 720p, 5s | 0.71 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 720p, 9s | 1.27 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 1080p, 5s | 1.59 | +| Luma Text-to-video | Video | duration, model, resolution | ray-2, 1080p, 9s | 2.87 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 4k, 5s | 2.19 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 4k, 9s | 3.94 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 540p, 5s | 0.14 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 540p, 9s | 0.25 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 720p, 5s | 0.24 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 720p, 9s | 0.44 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 1080p, 5s | 0.55 | +| Luma Text-to-video | Video | duration, model, resolution | ray-flash-2, 1080p, 9s | 0.99 | ## Google @@ -288,57 +288,57 @@ The following table lists the pricing of the current API Nodes. All prices are i | Model(Node name) | Category | Parameters that affect price | Parameter combo | Price $ | | ------------------------- | -------- | ---------------------------- | --------------- | ------- | -| PixVerse Text to Video | Video | duration, quality, resoluion | 360p fast 5s | 0.9 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 360p normal 5s | 0.45 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 360p normal 8s | 0.9 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 540p fast 5s | 0.9 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 540p normal 5s | 0.45 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 540p normal 8s | 0.9 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 720p fast 5s | 1.2 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 720p normal 5s | 0.6 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 720p normal 8s | 1.2 | -| PixVerse Text to Video | Video | duration, quality, resoluion | 1080p normal 5s | 1.2 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 360p fast 5s | 0.9 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 360p normal 5s | 0.45 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 360p normal 8s | 0.9 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 540p fast 5s | 0.9 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 540p normal 5s | 0.45 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 540p normal 8s | 0.9 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 720p fast 5s | 1.2 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 720p normal 5s | 0.6 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 720p normal 8s | 1.2 | -| PixVerse Transition Video | Video | duration, quality, resoluion | 1080p normal 5s | 1.2 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 360p fast 5s | 0.9 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 360p normal 5s | 0.45 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 360p normal 8s | 0.9 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 540p fast 5s | 0.9 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 540p normal 5s | 0.45 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 540p normal 8s | 0.9 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 720p fast 5s | 1.2 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 720p normal 5s | 0.6 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 720p normal 8s | 1.2 | -| PixVerseImage to Video | Video | duration, quality, resoluion | 1080p normal 5s | 1.2 | +| PixVerse Text to Video | Video | duration, quality, resolution | 360p fast 5s | 0.9 | +| PixVerse Text to Video | Video | duration, quality, resolution | 360p normal 5s | 0.45 | +| PixVerse Text to Video | Video | duration, quality, resolution | 360p normal 8s | 0.9 | +| PixVerse Text to Video | Video | duration, quality, resolution | 540p fast 5s | 0.9 | +| PixVerse Text to Video | Video | duration, quality, resolution | 540p normal 5s | 0.45 | +| PixVerse Text to Video | Video | duration, quality, resolution | 540p normal 8s | 0.9 | +| PixVerse Text to Video | Video | duration, quality, resolution | 720p fast 5s | 1.2 | +| PixVerse Text to Video | Video | duration, quality, resolution | 720p normal 5s | 0.6 | +| PixVerse Text to Video | Video | duration, quality, resolution | 720p normal 8s | 1.2 | +| PixVerse Text to Video | Video | duration, quality, resolution | 1080p normal 5s | 1.2 | +| PixVerse Transition Video | Video | duration, quality, resolution | 360p fast 5s | 0.9 | +| PixVerse Transition Video | Video | duration, quality, resolution | 360p normal 5s | 0.45 | +| PixVerse Transition Video | Video | duration, quality, resolution | 360p normal 8s | 0.9 | +| PixVerse Transition Video | Video | duration, quality, resolution | 540p fast 5s | 0.9 | +| PixVerse Transition Video | Video | duration, quality, resolution | 540p normal 5s | 0.45 | +| PixVerse Transition Video | Video | duration, quality, resolution | 540p normal 8s | 0.9 | +| PixVerse Transition Video | Video | duration, quality, resolution | 720p fast 5s | 1.2 | +| PixVerse Transition Video | Video | duration, quality, resolution | 720p normal 5s | 0.6 | +| PixVerse Transition Video | Video | duration, quality, resolution | 720p normal 8s | 1.2 | +| PixVerse Transition Video | Video | duration, quality, resolution | 1080p normal 5s | 1.2 | +| PixVerseImage to Video | Video | duration, quality, resolution | 360p fast 5s | 0.9 | +| PixVerseImage to Video | Video | duration, quality, resolution | 360p normal 5s | 0.45 | +| PixVerseImage to Video | Video | duration, quality, resolution | 360p normal 8s | 0.9 | +| PixVerseImage to Video | Video | duration, quality, resolution | 540p fast 5s | 0.9 | +| PixVerseImage to Video | Video | duration, quality, resolution | 540p normal 5s | 0.45 | +| PixVerseImage to Video | Video | duration, quality, resolution | 540p normal 8s | 0.9 | +| PixVerseImage to Video | Video | duration, quality, resolution | 720p fast 5s | 1.2 | +| PixVerseImage to Video | Video | duration, quality, resolution | 720p normal 5s | 0.6 | +| PixVerseImage to Video | Video | duration, quality, resolution | 720p normal 8s | 1.2 | +| PixVerseImage to Video | Video | duration, quality, resolution | 1080p normal 5s | 1.2 | ## Pika | Model(Node name) | Category | Parameters that affect price | Parameter combo | Price $ | | ------------------------------------- | -------- | ---------------------------- | --------------- | ------- | -| Pika Scenes (Video Image Composition) | Video | duration, resoluion | 720p, 5s | 0.3 | -| Pika Scenes (Video Image Composition) | Video | duration, resoluion | 720p, 10s | 0.4 | -| Pika Scenes (Video Image Composition) | Video | duration, resoluion | 1080p, 5s | 0.5 | -| Pika Scenes (Video Image Composition) | Video | duration, resoluion | 1080p, 10s | 1.5 | -| Pika Start and End Frame to Video | Video | duration, resoluion | 720p, 5s | 0.2 | -| Pika Start and End Frame to Video | Video | duration, resoluion | 720p, 10s | 0.25 | -| Pika Start and End Frame to Video | Video | duration, resoluion | 1080p, 5s | 0.3 | -| Pika Start and End Frame to Video | Video | duration, resoluion | 1080p, 10s | 1 | -| Pika Text to Video | Video | duration, resoluion | 720p, 5s | 0.2 | -| Pika Text to Video | Video | duration, resoluion | 720p, 10s | 0.6 | -| Pika Text to Video | Video | duration, resoluion | 1080p, 5s | 0.45 | -| Pika Text to Video | Video | duration, resoluion | 1080p, 10s | 1 | -| PikaImage to Video | Video | duration, resoluion | 720p, 5s | 0.2 | -| PikaImage to Video | Video | duration, resoluion | 720p, 10s | 0.6 | -| PikaImage to Video | Video | duration, resoluion | 1080p, 5s | 0.45 | -| PikaImage to Video | Video | duration, resoluion | 1080p, 10s | 1 | +| Pika Scenes (Video Image Composition) | Video | duration, resolution | 720p, 5s | 0.3 | +| Pika Scenes (Video Image Composition) | Video | duration, resolution | 720p, 10s | 0.4 | +| Pika Scenes (Video Image Composition) | Video | duration, resolution | 1080p, 5s | 0.5 | +| Pika Scenes (Video Image Composition) | Video | duration, resolution | 1080p, 10s | 1.5 | +| Pika Start and End Frame to Video | Video | duration, resolution | 720p, 5s | 0.2 | +| Pika Start and End Frame to Video | Video | duration, resolution | 720p, 10s | 0.25 | +| Pika Start and End Frame to Video | Video | duration, resolution | 1080p, 5s | 0.3 | +| Pika Start and End Frame to Video | Video | duration, resolution | 1080p, 10s | 1 | +| Pika Text to Video | Video | duration, resolution | 720p, 5s | 0.2 | +| Pika Text to Video | Video | duration, resolution | 720p, 10s | 0.6 | +| Pika Text to Video | Video | duration, resolution | 1080p, 5s | 0.45 | +| Pika Text to Video | Video | duration, resolution | 1080p, 10s | 1 | +| PikaImage to Video | Video | duration, resolution | 720p, 5s | 0.2 | +| PikaImage to Video | Video | duration, resolution | 720p, 10s | 0.6 | +| PikaImage to Video | Video | duration, resolution | 1080p, 5s | 0.45 | +| PikaImage to Video | Video | duration, resolution | 1080p, 10s | 1 | | Pika Swaps (Video Object Replacement) | Video | NA | NA | 0.3 | | Pikadditios (Video Object Insertion) | Video | NA | NA | 0.3 | | Pikaffects (Video Effects) | Video | NA | NA | 0.45 | diff --git a/zh-CN/custom-nodes/js/javascript_examples.mdx b/zh-CN/custom-nodes/js/javascript_examples.mdx index 43be848d..472b4bec 100644 --- a/zh-CN/custom-nodes/js/javascript_examples.mdx +++ b/zh-CN/custom-nodes/js/javascript_examples.mdx @@ -8,72 +8,88 @@ title: "带注释的示例" ### 背景菜单 -主背景菜单（在画布上右键）是通过调用 `LGraph.getCanvasMenuOptions` 生成的。添加自定义菜单选项的一种方式是劫持这个调用： +主背景菜单（在画布上右键）是通过调用 `LGraphCanvas.getCanvasMenuOptions` 生成的。标准的编辑方式是在扩展上实现 `getCanvasMenuItems` 方法： -```Javascript -/* 在 setup() 中 */ - const original_getCanvasMenuOptions = LGraphCanvas.prototype.getCanvasMenuOptions; - LGraphCanvas.prototype.getCanvasMenuOptions = function () { - // 获取基础选项 - const options = original_getCanvasMenuOptions.apply(this, arguments); - options.push(null); // 插入分隔线 - options.push({ - content: "菜单的文本", - callback: async () => { - // 执行任意操作 - } - }) - return options; - } +```javascript +app.registerExtension({ + name: "MyExtension", + getCanvasMenuItems(canvas) { + const items = [] + items.push(null) // 插入分隔线 + items.push({ + content: "菜单的文本", + callback: async () => { + // 执行任意操作 + } + }) + return items + } +}); ``` ### 节点菜单 -当你在节点上右键时，菜单同样是通过 `node.getExtraMenuOptions` 生成的。但这次不是返回一个 options 对象，而是将其作为参数传入…… +当你在节点上右键时，菜单同样是通过 `node.getExtraMenuOptions` 生成的。 +标准的方式是在扩展上实现 `getNodeMenuItems` 方法： ```javascript -/* 在 beforeRegisterNodeDef() 中 */ -if (nodeType?.comfyClass=="MyNodeClass") { - const original_getExtraMenuOptions = nodeType.prototype.getExtraMenuOptions; - nodeType.prototype.getExtraMenuOptions = function(_, options) { - original_getExtraMenuOptions?.apply(this, arguments); - options.push({ - content: "做点有趣的事", - callback: async () => { - // 有趣的操作 - } - }) - } -} +app.registerExtension({ + name: "MyExtension", + getNodeMenuItems(node) { + const items = [] + + // 如果需要，你可以按节点类型过滤 + if (node.comfyClass === "MyNodeClass") { + items.push({ + content: "做点有趣的事", + callback: async () => { + // 有趣的操作 + } + }) + } + + return items + } +}); ``` ### 子菜单 -如果你想要子菜单，可以提供一个回调，使用 `LiteGraph.ContextMenu` 创建它： +如果你想要子菜单，使用带有 `options` 数组的 `submenu` 属性： ```javascript -function make_submenu(value, options, e, menu, node) { - const submenu = new LiteGraph.ContextMenu( - ["选项 1", "选项 2", "选项 3"], - { - event: e, - callback: function (v) { - // 用 v (=="选项 x") 做点什么 - }, - parentMenu: menu, - node:node - } - ) -} - -/* ... */ - options.push( - { - content: "带选项的菜单", - has_submenu: true, - callback: make_submenu, - } - ) +app.registerExtension({ + name: "MyExtension", + getCanvasMenuItems(canvas) { + const items = [] + items.push({ + content: "带选项的菜单", + submenu: { + options: [ + { + content: "选项 1", + callback: (v) => { + // 用 v 做点什么 + } + }, + { + content: "选项 2", + callback: (v) => { + // 用 v 做点什么 + } + }, + { + content: "选项 3", + callback: (v) => { + // 用 v 做点什么 + } + } + ] + } + }) + return items + } +}); ``` ## 捕获 UI 事件