嵌入 Muapi 工具

Muapi 提供两种独立的 iframe 嵌入方式:用于单个生成模型的模型嵌入,以及用于对话式画布的 Creative Agent 嵌入。每个嵌入都关联到创建它的 Muapi 账户。

嵌入模型 Playground

  1. 登录 Muapi 账户,打开 Playground 中对应模型的页面。
  2. 选择 Embed 标签页。Muapi 会为该模型生成嵌入代码。
  3. 复制 iframe 代码片段,并添加到你希望显示生成器的网页中。

嵌入内容会打开所选模型的生成表单。输入项和选项会随该模型当前的 Playground 参数定义变化。通过嵌入发起的生成任务使用嵌入代码关联的账户,并从该账户扣除额度。只有在你愿意让访客使用该账户余额提交生成任务时,才应公开嵌入代码。

嵌入 Creative Agent

  1. 打开 Assistant 并创建 Agent 嵌入。
  2. 复制该嵌入对应的 iframe 代码片段。
  3. 将代码粘贴到网站 HTML 中需要显示画布的位置。

示例:

<iframe
  src="https://muapi.ai/embed/agent/YOUR_EMBED_CODE"
  style="width:100%;height:100%;border:0;"
  allow="clipboard-write"
  allowfullscreen
></iframe>

请为 iframe 或其容器设置高度,让画布有足够的显示空间。Assistant 页面会列出你的 Agent 嵌入;不再需要时,可在那里撤销嵌入。

将 Agent 嵌入限制为指定网站

Agent 嵌入支持可选的允许来源列表。创建 Agent 嵌入时,可通过 POST /api/v1/agent-embeds 设置;也可通过 PATCH /api/v1/agent-embeds/{embed_id} 更新。请填写主机名,例如 example.com。设置列表后,来自其他来源的请求会被拒绝。列表为空时,任何来源都可使用;如需限制访问,请添加你控制的网站。

此来源设置仅适用于 Creative Agent 嵌入。模型 Playground 嵌入代码使用另一套机制,没有相同的允许来源设置。

管理和排查嵌入

  • 请将嵌入代码视为凭据:获得代码的人可能可以使用关联工具,并在所有者账户中产生用量。
  • 如果 iframe 空白或显示嵌入不可用,请确认代码完整,且对应模型或 Agent 仍然可用。
  • 如果 Agent 嵌入受到限制,请核对浏览器页面的主机名是否在允许来源列表中。
  • 对于模型嵌入,请在发布前于模型 Playground 页面查看参数和费用。

请参阅额度、模型目录和创意画布。