# BizyAir浏览器插件

**Repository Path**: bozoyan/BizyAIR_Chrome

## Basic Information

- **Project Name**: BizyAir浏览器插件
- **Description**: 适用于 chrome 的BizyAir的 AI应用插件
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2025-12-30
- **Last Updated**: 2026-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# BizyAIR Studio Chrome 浏览器插件扩展操作手册

## 插件简介

> **只要BizyAIR不下班，一直生图到天亮**
>
> BizyAIR Studio - 基于 BizyAIR 社区 API 的 Chrome 浏览器扩展

![BizyAIR Studio Chrome](images/index.webp)

 为小白用户提供强大的 AI 图片编辑或者视频生成功能。

[![Version](https://img.shields.io/badge/version-1.0.15.1-gold.svg)](https://gitee.com/bozoyan/BizyAIR_Chrome)
[![Chrome](https://img.shields.io/badge/Chrome-Extension-blue.svg)](https://gitee.com/bozoyan/BizyAIR_Chrome)

### 核心特性

- 🎨 **多种编辑模式**：画布模式、节点模式、快速编辑模式
- 🖼️ **一键编辑**：右键菜单直接编辑网页图片
- 📝 **可视化节点**：拖拽式工作流编辑
- 📚 **历史记录**：自动保存生成结果
- ⚙️ **配置管理**：保存和加载自定义配置

---

## 安装指南

### 第一步：加载扩展

1. 下载并解压 BizyAIR_Chrome 插件文件
2. 打开 Chrome 浏览器，在地址栏输入 `chrome://extensions/`
3. 开启右上角的「开发者模式」
4. 点击「加载已解压的扩展程序」
5. 选择 BizyAIR_Chrome 文件夹
6. 安装完成，浏览器工具栏会出现插件图标

![插件安装](images/第一步、插件安装.webp)

---

## 获取 API 密钥

### 重要提示

在使用插件前，您需要先获取 BizyAIR API 密钥。

### 获取步骤

1. 访问 [BizyAIR 社区](https://bizyair.cn) 并注册账号
2. 登录后，进入「AI 应用」菜单
3. 在 API 密钥页面复制您的密钥

![API密钥获取演示](images/key.webp)

### 设置 API 密钥

有两种方式可以设置 API 密钥：

#### 方式一：在设置页面设置

1. 点击浏览器工具栏的插件图标
2. 选择「选项」进入设置页面
3. 在「API 设置」区域输入您的密钥
4. 点击「保存 API 密钥」

#### 方式二：在侧边栏设置

1. 打开侧边栏，点击右上角设置图标 ⚙️
2. 在弹出的设置框中输入 API 密钥
3. 点击「保存」

> 💡 **提示**：两个位置的 API 密钥会自动同步，设置一处即可。

---

## 功能模式介绍

### 1. 画布模式

自由绘图和图片编辑模式，使用的是 Nano Banana Pro模型接口，效果最佳。支持：
- ✏️ 手绘涂鸦
- 🖼️ 图片叠加编辑，按住Shift 键，滚动图片可以放大缩小图片图层
- 🔤 添加文字图层，文字图层可以自由移动和删除。
- 🎛️ 多种操作类型（编辑/生成/风格迁移/对象插入）
- 📐 多种宽高比和分辨率选项

### 2. 节点模式

可视化工作流编辑器，适合高级用户：
- 🔗 节点连接式工作流
- 📦 支持导入 JSON 配置
- 🎯 实时预览输出结果
- 💾 保存和加载工作流配置

### 3. 快速编辑模式 

使用开源 Qwen-image-edit 2511 模型，最简单的使用方式：
- 🖱️ 右键菜单一键调用
- ⚡ 快速编辑网页图片
- 📝 输入提示词即可生成
- 🔄 支持自定义图片上传

---

## 使用教程

### 快速上手（4 步完成）

#### 第二步：右键调用插件

在任意网页上找到您想要编辑的图片，右键点击图片，选择「使用 BizyAIR 编辑此图片」。

![右键调用插件](images/第二步、右键图片调用插件.webp)

#### 第三步：输入编辑提示词

在侧边栏的快速编辑模式中，输入您想要的修改描述。

例如：
- "给图中的产品添加一个温馨的客厅场景"
- "将背景换成夕阳下的海滩"
- "将人物的服装颜色改成蓝色"

![编辑提示词](images/第三步、编辑图片提示词.webp)

#### 第四步：查看生成结果

等待 AI 处理完成（通常 10-30 秒），即可看到编辑后的图片。

![显示效果](images/第四步、显示效果.webp)

---

## 界面说明

### 侧边栏导航

侧边栏左侧有 5 个导航图标：

| 图标 | 模式 | 说明 |
|------|------|------|
| ✏️ | 画布模式 | 自由绘图和多图合成 |
| 🔗 | 节点模式 | 可视化工作流编辑 |
| 📝 | 快速编辑 | 右键菜单快速编辑 |
| 🖼️ | 历史记录 | 查看所有生成结果 |
| ⚙️ | 配置管理 | JSON 配置文件管理 |

### 画布模式界面

![画布模式](images/huabu.gif)
- **模型选择**：
· **生成模式（Generate）**：是从零开始创建全新图像的模式。用户仅提供文本提示（prompt），模型根据描述生成对应的图像。没有输入图像作为基础，一切内容都由 AI 基于提示“想象”并渲染出来。

· **编辑模式（Edit）**：这是对现有图像进行修改的模式。用户上传一张或多张图像（作为基础），并提供文本提示来指导编辑操作，如添加、移除、替换元素，调整颜色、布局或整体效果。API 会理解图像内容并应用变化。

· **风格迁移模式（Style Transfer）**：这是将一个图像的艺术风格应用到另一个图像或内容上的模式。用户提供参考风格图像（style image）和内容图像（content image）或文本提示，模型会“转移”风格，如颜色调、纹理、笔触等，同时保留内容的核心结构。

· **对象插入模式（Object Insertion）**：这是专门在现有图像中插入新对象或元素的模式，通常作为编辑模式的扩展。用户上传基础图像，并用文本提示指定要插入的对象、位置和方式，模型会智能融合，确保插入自然（考虑光影、比例等）。

### 节点模式界面
![节点模式界面](images/界面-节点.webp)

- **节点区域**：拖拽节点创建工作流
- **连接线**：显示节点间的数据流向
- **输出预览**：底部显示生成结果
- **运行按钮**：点击执行工作流

### 快速编辑界面界面

![快速图片编辑](images/快速图片编辑-1.webp)
- **快速图片编辑**：拖拽图片，或者右键图片到图片显示区域，然后输入提示词就可以快速编辑。使用Qwen-Edit 2511 生成图片，1024*1024大概 8-10 秒一张，花费 10 银币。
- **推送到画布**：将原图和提示词推送到画布模式

![图片提示词识别](images/快速图片编辑-2.webp)
- **图片提示词识别**：根据图片进行反推，提示词结果显示中文描述，英文描述，中文Tag，英文Tag

![分镜头提示词](images/快速图片编辑-3.webp)
- **分镜头提示词**：根据3D 相机生成分镜头提示词 

### 历史记录界面

![历史记录界面](images/界面-历史.webp)

- 显示所有生成的图片
- 点击图片可查看大图
- 支持单张下载和批量下载
- 可清空历史记录

### 配置管理界面

![配置管理界面](images/界面-配置.webp)

- 左侧：配置文件列表
- 右侧：JSON 编辑器
- 支持导入、编辑、保存配置
- 支持从 https://bizyair.cn/community?path=app 下载 API 接口参数
![查看 API 参数](images/api-1.webp)
![刷新配置按钮，下载参数](images/api-2.webp)

### 设置界面

![设置界面](images/界面-设置.webp)

- API 密钥设置
- 快捷键说明

---

## 高级功能

### 自定义图片上传

除了右键菜单选择图片，拖拽图片到显示框，您也可以：

1. 在快速编辑模式中点击「上传图片」按钮
2. 或输入图片 URL 并点击「加载」
3. 上传后即可进行编辑

### JSON 配置导入

1. 进入配置管理页面
2. 点击「新增配置到节点」
3. 粘贴您的 JSON 配置
4. 点击「应用」即可导入到节点模式

### 节点模式自定义

1. 点击右上角的「+」按钮
2. 输入节点定义（格式：ID:Name.Type）
3. 输入默认值
4. 点击「添加」即可创建自定义节点

---

## 常见问题

### Q: 提示 "API 密钥未设置" 怎么办？

A: 请按照「获取 API 密钥」章节的指引获取密钥，然后在设置中保存。

### Q: 图片生成失败怎么办？

A: 请检查：
1. API 密钥是否正确
2. 网络连接是否正常

### Q: 生成速度慢怎么办？

A: 图片生成时间取决于服务器负载，通常在普通 10-30 秒左右。NanoPRO API 调用2k图片 60 秒左右，WAN2.2视频 180 秒左右。请耐心等待。

### Q: 支持哪些图片格式？

A: 支持.webp、JPG、JPEG、WEBP 等常见格式。

### Q: 历史记录有数量限制吗？

A: 为节省存储空间，最多保存 50 条历史记录。远程 URL 图片保留 15 天。

### Q: 配置界面如何使用

A:  配置界面分为三种
1.预定义配置（紫色）

  - 从 json/ 文件夹加载
  - 只读模式
  - 不能删除
  - 显示在列表顶部

2.BizyAir 下载配置（白色）

  - 从 BizyAir 社区页面下载
  - 可编辑模式
  - 可以删除
  - 显示配置信息（App ID、图片等）

3. 自动同步

  - BizyAir 页面点击"下载参数"后自动保存
  - storage 变化时自动刷新列表（如果在配置管理界面）
  - 切换到配置管理界面时自动加载列表


### Q: 一键载入配置使用流程是怎么样的

A: BizyAir 社区页面：点击"下载参数"按钮 → 自动保存到 chrome.storage.local，侧边栏配置管理：
  - 切换到"配置管理"选项卡
  - 查看所有配置（预定义 + BizyAir 下载）
  - 点击配置项加载到编辑器
  - 可以编辑、删除用户配置
  - 导入配置到节点模式

---

## 效果对比

### 原图 vs 生成效果

![原图效果](images/huabu.webp)

![原图效果](images/huabu1.webp)

通过 BizyAIR AI 强大的图像处理能力，您可以轻松实现：
- 场景替换
- 风格迁移
- 物体编辑
- 图像生成
- 局部重绘

---

## 联系作者

### 微信联系

扫码或添加微信号：**201782**

![微信二维码](images/weixin.webp)

### QQ 群

下载插件请加 QQ 群：**736797167**

### 在线资源

- **BizyAIR 官网**: https://bizyair.cn
- **API 文档**: https://docs.bizyair.cn
- **充值指南**: https://docs.bizyair.cn/price/instruction.html

---

## 版本信息

- **当前版本**: 1.0.15.1
- **开发者**: 嚴波設計·手拉手云
- **更新日期**: 2026年1月

---

## 开源许可

本项目为开源项目，欢迎体验和反馈。如有问题或建议，请通过微信联系作者。

> 💡 **温馨提示**: 本插件仅供学习和个人使用，请遵守相关法律法规和 BizyAIR 社区规范。

---

**感谢您使用 BizyAIR Studio！祝您创作愉快！🎉**