+
+环信通话套件人机交互界面工具包基于环信移动端单/群聊人机交互界面工具包进行设计，设计原则、全局样式、小控件样式均复用自环信单/群聊人机交互界面工具包，详见 [单/群聊人机交互界面工具包](https://doc.easemob.com/uikit/chatroomuikit/android/design_guide.html)。
+
+## 总设计原则
+
+- 功能与行为上确保通用、普遍、一般。
+- 风格上易于自定义。
+
+## 全局样式
+
+### UIKit 色彩规范
+
+#### 颜色配置说明
+
+##### 颜色类
+
+一般颜色类（Color Class）分为八类：
+- 主题色（Theme Color）：Primary、 Secondary、Error 三类；
+- 渐变主题色（Primary Gradient）一类（含 8 种）；
+- 透明色（Alpha Color）：On Light、On Dark 两类；
+- 中性色（Neutral Colors）：Neutral、Neutral Special 两类；
+
+##### 颜色模式
+
+颜色模式（Hsla Model）为比较直观的 hsla 模式:
+- 整个模型是一个圆柱体，圆柱体底面周长划分为 360°，对应不同的色相（Hue）;
+- 圆柱体的半径为饱和度（Saturation），圆心为 0（最灰），半径值为 100（最艳）；
+- 圆柱体的高为亮度（Lightness），起始点为 0（纯黑色），中心点是 50(标准色,)，结束点为 100(纯白色)。
+
+##### 模型概览
+
+
+
+#### 三种主题色的色彩规范
+
+##### 用户可配项
+
+用户可设定颜色类的可配项 Hue(0-360)为任意数值，修改后每类颜色的色相会发生变化，以贴合用户场景所需要的主题颜色（Theme Color）。
+Hue 值(0-360)与色相的对应关系大致如以下图示所例：
+
+
+
+用户可依据自身产品的品牌色指定色相数值（Hue），从而确认主题色 Primary（主要用于 UI 组件中关键操作与重要文本展示，如推荐的 action、高亮显示的文本等），以及用于积极提示的 Secondary，和表示警示提示的 Error。
+
+
+
+##### 饱和度
+
+饱和度(Saturation)不开放给用户设置，三种主题色 Primary、 Secondary、Error 默认饱和度为 100%，Neutral 默认为 8%，Neutral Special 默认为 36%
+
+
+
+##### 亮度级别
+
+亮度(Lightness)百分比用户不可随意设置，每个颜色类提供：0(0%) / 1(10%) / 2(20%) / 3(30%) / 4(40%) / 5(50%) / 6(60%) / 7(70%) / 8(80%) / 9(90%) / 95(95%) / 98(98%) / 100(100%)十三个级别供用户可选；
+
+
+
+##### 示例
+
+如指定主题色 Primary 色相（Hue）为 203，成功色 Secondary 色相（Hue）为 155，警示色 Error 色相（Hue）为 350，则会生成如下 39 种主题色可供用户在指定 UI 件块（View）颜色时使用：
+
+
+
+其中，主题色 Primary 的 L5 为亮色模式下的基色（Key Color），L6 为暗色模式下的基色（Key Color）。所有的颜色体系都是依照基色生成。
+
+#### 渐变主题色规范
+
+渐变主题色(Primary Gradient)是由 Primary 色派生出的渐变色，为线性渐变(Linear Gradient)，渐变方向依图示坐标系分为 8 类：
+
+
+
+##### 渐变色的起始色
+
+渐变色中 Start Color 规则和 Primary 类的色值保持一致;
+
+
+
+##### 渐变色的结束色
+
+End Color 用户可配置色相（Hue），亮度以 0(20%) / 1(30%) / 2(40%) / 3(50%) / 4(60%) / 5(70%) / 6(75%) / 7(80%) / 8(85%) / 9(90%) / 95(95%) / 98(98%) / 100(100%)（对应 Primary 的 13 级亮度梯度值）为固定梯度值
+
+以下以 Hue：233 为例，按照 End Color 颜色公式依旧得到 13 级颜色：
+
+
+
+起始色和结束色结合，得到相应的渐变结果
+
+
+
+##### 渐变主题色可配项
+
+用户仅可配置渐变色中 End Color 的色相（Hue）以达成与用户业务场景符合的渐变颜色效果；
+
+##### 示例
+
+用户设置 End Color Hue = 233，选择渐变方向为“↓”，则可得到如下效果：
+
+
+
+如使用渐变主题色，那么它将替代掉所有应用于背景色的 Primary 色
+
+
+
+但一般不替代 UI 件块的前景色，因为没有什么意义，且有干扰文字阅读的可能性
+
+
+
+#### 透明色(Alpha)的规范
+
+在本案内带有透明度的组件仅有模态背景色、轻提示背景色，应用范围有限，单独定义两个特殊的颜色类用于以上四种组件：Alpha onlight(hsl0, 0%, 0%) 和 Alpha ondark(hsl0, 0%, 100%)，Alpha 值被指定为 0(0.0) / 1(0.1) / 2(0.2) / 3(0.3) / 4(0.4) / 5(0.5) / 6(0.6) / 7(0.7) / 8(0.8) / 9(0.9) / 95(0.95) / 98(0.98) / 100(1.0) 十三个梯度值，共 26 种颜色用例，以调整组件的背景色透明度。
+
+
+
+Alpha onlight 和 Alpha ondark 均为默认值，无任何可配置项。
+
+### 中性色
+
+#### 中性色
+
+中性色(Neutral)仅有一个可配项：色相（Hue），饱和度(Saturation)固定值为 8，亮度级别（Lightness level）也和主题色相同，分为 0(0%) / 1(10%) / 2(20%) / 3(30%) / 4(40%) / 5(50%) / 6(60%) / 7(70%) / 8(80%) / 9(90%) / 95(95%) / 98(98%) / 100(100%)十三个级别供用户可选；
+
+
+
+Neutral 和 Primary 的默认 Hue 值(色相)相同，也建议用户设置和主题色相同的 Hue 值已达成主题颜色和无彩色系的配套。但这仅仅是建议；
+
+#### 示例
+
+如指定主题色 Primary 色相（Hue）为 203，饱和度(Saturation)固定值为 100%，中性色（Neutral）则也指定色相（Hue）为 203，饱和度(Saturation)固定值为 8%，则得到以下色列可供用户选择使用：
+
+
+
+其中，L98 为亮色模式下背景色的主色，L1 为亮色模式下前景色的主色；L1 为暗色模式下背景色的主色，L98 为暗色模式下前景色的主色。
+
+
+
+### 特殊中性色
+
+特殊中性色 Neutral Special 主要用于级别低于 Primary 和 Secondary 的强调信息，如当前页面状态、消息发送者的昵称等。
+Neutral Special 和 Primary 的默认 Hue 值(色相)类似，为近似色，也建议用户设置和主题色近似的 Hue 值已达成主题色和无彩色系的配套。但这仅仅是建议；
+
+
+
+
+
+#### 示例
+
+如指定主题色 Primary 色相（Hue）为 203，特殊中性色（Neutral）通过相似色原理（正负 30 度内）指定色相（Hue）为 220，饱和度(Saturation)固定值为 36%，则得到以下色列可供用户选择使用：
+
+
+
+## 主题
+
+本期主题分为 1 种，依据场景仅保留黑暗（Dark）色彩模式。
+
+(主题样式图片展示)
+
+## 图标
+
+### 图标模板
+
+图标（Icon）参照 Material Icon Font 的模板 ，以 24 为基本栅格，须在安全区域(20x20 的中心区域)内绘制，基本描边控制为 1.5 栅格。
+
+
+
+### 图标命名
+
+为防止将图标语意固定，icon 命名需要尽力避免定义操作行为，而是以“看见什么就是什么“进行命名，方便相同图标在不同操作行为下的复用，例如：
+
+
+
+## 字体
+
+### 字族（Font Family）
+
+#### iOS 字族
+
+默认 SF Pro 为基本西文（拉丁字母、希腊字母、西里尔字母等）字体（Typography）；
+默认 SF Arabic、SF Hebrew 等为基本右向左（Dextral-sinistral）文字字体；
+默认苹方（PingFang SC、TC、HK）为中文（简体中文、繁体中文、香港繁体中文）字体；
+
+#### Android 字族
+
+默认 Roboto 为基本西文（拉丁字母、希腊字母、西里尔字母等）字体；
+默认 Noto Sans Arabic、Noto Sans Hebrew 等为基本右向左（Dextral-sinistral）文字字体；
+默认思源黑体（Noto Sans SC、TC、HK）为中文（简体中文、繁体中文、香港繁体中文）字体；
+
+#### Web 字族
+
+默认 Roboto 为基本西文（拉丁字母、希腊字母、西里尔字母等）字体；
+默认 Noto Sans Arabic、Noto Sans Hebrew 等为基本右向左（Dextral-sinistral）文字字体；
+默认思源黑体（Noto Sans SC、TC、HK）为中文（简体中文、繁体中文、香港繁体中文）字体；
+
+### 字号
+
+#### 最小字号
+
+移动端最小字号（Font Size）为：11；web 端最小字号为：12
+
+#### 字号规则
+
+除移动端最小字号外，字号以 2 为梯度递增：
+11，12，14，16，18，20
+
+### 字重
+
+字重（Font Weight）分为标准（Regular, 400）、中等（Medium,510）、加粗（semibold,590）三种；
+在一些跨平台框架中，如遇不支持设置非百位整数字重，则取近似值百位整数；
+如字族没有 semibold，则以 bold 替换。
+
+### 行高
+
+行高（Line height）依照以下固定值（字号/行高）：
+11/14，12/16，14/20，16/22，18/26，20/28。
+
+### 字体角色
+
+字体角色（Font Role）分为 3 类：
+大标题 Headline、标题 Title、标签 Label、正文 Body
+需要注意的是，这些角色只是推荐的角色指示，并不具有完全的指定性，具体使用什么角色的字体需依照所使用的组件的实际情况（组件内信息的层级重要性，越重要的越大越重）而使用。
+
+### 字体 Token
+
+依照依照 4.1-4.5 规则，设定以下西文字体排版 token：
+
+
+
+简体中文字体 token 示意：
+
+
+
+## 效果
+
+所应用的效果（Effects）主要分为两种：背景模糊（Background Blur）和阴影（Shadow）。
+
+### 背景模糊
+
+背景模糊（Background Blur）主要应用于组件背景色使用 Alpha color 时，如组件背景色的透明度会造成组件前后层级干扰的话，则推荐使用背景模糊解决，
+也应用于模态显示的弹出层的背景虚化；
+
+背景模糊的模糊半径值默认为 20
+
+```
+/* bg_blur_modal */ backdrop-filter: blur(20);
+```
+
+### 阴影
+
+阴影（Shadow）应用于弹窗（Alert）、浮层（pop）、抽屉（Drawer）等，为区分层级，凸显聚焦的组件。
+
+#### 阴影型号
+
+阴影分为小（small）、中(medium)、大(Large)三种型号（Size），应用于不同尺寸的组件中，总体原则为：越小的组件越推荐使用小的阴影、反之越大的组件推荐使用大的阴影；圆角越小的组件越推荐使用小的阴影、反之亦然。
+
+#### 阴影 token
+
+为保证阴影效果自然柔和，每个阴影都有两层不同偏移、不同模糊度、不同透明度的值。同时针对亮色/暗色模式有两套不同颜色的阴影。
+
+**Shadow on Light:**
+
+```
+/* shadow/onlight/large */
+box-shadow: x0 y24 blur36 color(Neutral3) Alpha0.15, x8 y0 blur24 color(Neutral1) Alpha0.1
+
+/* shadow/onlight/medium */
+box-shadow: x0 y4 blur4 color(Neutral3) Alpha0.15, x2 y0 blur8 color(Neutral1) Alpha0.1
+
+/* shadow/onlight/small */
+box-shadow: x0 y1 blur3 color(Neutral3) Alpha0.15, x1 y0 blur2 color(Neutral1) Alpha0.1
+```
+
+
+
+**Shadow on Dark:**
+
+```
+/* shadow/onlight/large */
+box-shadow: x0 y24 blur36 color(Neutral4) Alpha0.15, x8 y0 blur24 color(Neutral1) Alpha0.1
+
+/* shadow/onlight/medium */
+box-shadow: x0 y4 blur4 color(Neutral4) Alpha0.15, x2 y0 blur8 color(Neutral1) Alpha0.1
+
+/* shadow/onlight/small */
+box-shadow: x0 y1 blur3 color(Neutral4) Alpha0.15, x1 y0 blur2 color(Neutral1) Alpha0.1
+```
+
+
+
+## 圆角
+
+### 一般圆角
+
+一般圆角（Radius）分为 None（r=0）、Extra Small（r=4）、Small（r=8）、Medium（r=12）、Large（r=16）、Extra Large（r=½ Height）六个枚举值，
+一般情况下组件的四个圆角为同一值
+
+
+
+#### Extra Small（r=4）
+
+通常适用于如下组件：
+- Button(Small Radius)
+- Input(Small Radius)
+- Float(Small Radius)
+- Message Bubble(Small Radius)
+- Avatar(Small Radius)
+- Popover
+- Global Broadcast(Small Radius)
+
+#### Small（r=8）
+
+通常适用于如下组件：
+- Alert(Small Radius)
+- Drawer(Small Radius)
+
+#### Medium（r=12）
+
+通常适用于如下组件
+本案暂不涉及
+
+#### Large（r=16）
+
+通常适用于如下组件：
+- Input Area(Large Radius)
+- Alert(Large Radius)
+- Drawer(Large Radius)
+- Float(Large Radius)
+
+#### Extra Large（r=½ Height）
+
+通常适用于如下组件：
+Input Area(Large Radius)
+Alert(Large Radius)
+Drawer(Large Radius)
+Message Bubble(Large Radius)
+
+### 特殊圆角
+
+特殊圆角应用于有背景色的 IM 聊天消息组件：
+Message Bubble(Large Radius)
+
+
+
+## 小控件
+
+小控件（Widgets）为最基础的视觉交互模块。
+
+### 按钮
+
+按钮组件(Button)在通话界面开发工具包中仅包含图标按钮一种，分为大、中、小三种尺寸、支持前景色、背景色配置。支持点击操作。
+
+
+
+### 头像
+
+本项目中的头像(Avatar)组件，复用环信单/群聊人机交互界面工具包的相关组件。依据当前视图需要，显示对应的头像值。
+
+
+
+### 文本
+
+本项目中的文本(Text)，分为三种样式：标题(Title)、小标题(Subtitle)、标签(Label)三类。
+
+#### 标题
+
+标题(Title)用于显示当前控件或视图中，最重要的文本信息，对应的字体排版 token 为：Title/Large
+
+
+
+#### 小标题
+
+小标题(Subtitle)用于显示当前控件或视图中，次重要的文本信息，对应的字体排版 token 为：Title/Small
+
+
+
+#### 标签
+
+标签(Label)用于显示当前控件或视图中，需解释说明的文本，对应的字体排版 token 为：Label/Small(web端)、Label/Extra Small(mobile端)。
+
+
+
+### 操作项
+
+操作项(Action Item)为控制当前视图功能的主要操作项，如：接听、挂断、麦克风和摄像头的开关等等。支持点击操作
+大小（Size）上分为大(Large)、标准(Standard)、小(Small)三种尺寸，状态(Status)上分为普通(Normal)、点按(Pressed)、禁用(Disabled)三种状态，样式上分为开、关两种样式。底部说明文字支持显示/隐藏。
+
+
+
+### 流信息
+
+流信息(stream info)用以展示当前视频流的相关信息和状态，支持显示一个名称字段和至多两个icon状态显示。
+
+
+
+### 信号展示
+
+信号展示(Signal)用以展示当前视频流的信号强度，分为未知、信号弱、信号中等、信号强四种状态。
+
+
+
+### 背景图
+
+背景图(Background Picture)用于界面的背景图展示，支持用户自定义图片。
+
+
+
+## 控件（Components）
+
+### 顶部条
+
+顶部条（TopBar）用于展示当前视图标题，并可对当前页面进行整体的控制。
+支持左侧一个操作(最小化)，右侧一个操作(一般为群组通话添加成员)，并支持两个操作的显示/隐藏。
+中间展示三个字段：头像、当前视图名称(title)、附加消息(Subtitle)，并支持显示信息的显示/隐藏。
+
+
+
+### 通话操作
+
+通话操作（Actions）为针对当前会话的相关操作项集合。
+操作数量上依照当前视图场景的业务需求可做增减。
+
+
+
+### 视频流
+
+视频流（Video Stream）展示会话中拉到或者本地获取的视频流，左下角展示流信息，右上角展示当前流信号强度。
+
+
+
+### 视频流列表
+
+在多人会话中，多个视频流组成的列表（Video Stream list），拥有一般列表展示状态和聚焦列表展示状态。
+
+
+
+### 通话浮窗
+
+通话浮窗（PiP）用以在通话最小化时显示会话状态/一对一视频通话中次要视频流的展示，分为群通话、一对一视频通话样式，且悬浮窗可被收起。
+
+
+
+### 来电通知
+
+来电通知(Incoming Call Notification)用以在App内与当前通话不相关页面展示时的来电提示。
+以条幅通知的形式展示在界面顶部，显示字段有：头像、主标题、次标题、通话成员头像列表；支持接听、挂断、点击展示通话详情三个点击操作。
+并依照当前Chat UIKit主题，显示不同的模式(onlight/ondark)。
+
+
+
+## 视图（View）
+
+## 一对一音频通话视图
+
+一对一音频通话视图(One-on-One Audio Call View) 包括主叫视图(receive)、被叫视图(answer)和通话中视图(calling)。
+
+### 主叫视图
+
+主叫视图(receive)用于一对一音频通话接通前的展示和操作，分为顶部信息、底部操作、背景图三部分。
+
+
+
+### 被叫视图
+
+被叫视图(answer)用于接到一对一音频通话邀请时的展示和操作，分为顶部信息、底部操作、背景图三部分。
+
+
+
+### 通话中视图
+
+通话中视图(calling)用于一对一音频通话中的展示和操作，分为顶部信息、底部操作、背景图三部分。
+
+
+
+## 一对一视频通话视图
+
+一对一视频通话视图(One-on-One Video Call View)包括主叫视图(receive)、被叫视图(answer)和通话中视图(calling)。
+
+### 主叫视图
+
+主叫视图(receive)用于一对一视频通话接通前的展示和操作，分为顶部信息、底部操作、本地视频流展示三部分。
+
+
+
+### 被叫视图
+
+被叫视图(answer)用于接到一对一视频通话邀请的展示和操作，分为顶部信息、底部操作、本地视频流展示三部分。
+
+
+
+### 通话中视图
+
+通话中视图(calling)用于一对一视频通话中的展示和操作，分为顶部信息、底部操作、双方视频流展示三部分。
+
+
+
+## 多人通话视图(Multi Call View)
+
+### 被叫视图
+
+被叫视图(answer)用于接到多人通话接邀请的展示和操作，分为顶部信息、底部操作、本地视频流展示三部分。
+
+
+
+### 通话中视图
+
+通话中视图(calling)用于多人通话进行中的展示和操作，分为顶部信息、底部操作、多人视频流展示三部分。
+
+
+
+## 通话相关消息样式
+
+
+
+关于通话相关消息样式（Call Msg），详见 [单/群聊人机交互界面工具包](/uikit/chatroomuikit/android/design_guide.html)。
+
+
+## 设计资源
+
+设计资源（Design Resources）详见 [Figma 链接](https://www.figma.com/community/file/1540653110561556906/easemob-callkit)。
diff --git a/docs/callkit/android/easecallkit.md b/docs/callkit/android/easecallkit.md
new file mode 100644
index 000000000..1f85307ad
--- /dev/null
+++ b/docs/callkit/android/easecallkit.md
@@ -0,0 +1,471 @@
+# EaseCallKit 使用指南
+
+
+
+## CallKit 优势
+
+| 优势 | 描述 |
+| :-------------- | :----- |
+| 三位一体技术整合 | - 环信即时通讯 IM + 声网实时音视频 RTC + UI 组件深度整合 
+
+## 运行应用
+
+运行应用前，你需要授权摄像头、麦克风、悬浮窗等权限。
+
+1. 在 Android Studio 中，点击 **Run 'app'**，将应用运行到你的设备或者模拟器上。
+2. 点击 **登录** 进行登录，登录成功或者失败有 `Toast` 提示。
+3. 更改用户名和token后，在另一台设备上运行并点击登录。
+4. 在主叫设备上输入被叫方的用户 ID，点击对应的通话按钮，即可发起音视频通话。
+
+运行应用过程中的常见问题排查如下：
+- 连接失败：检查 App Key、用户名、token 是否正确配置。
+- 通话无声音：检查麦克风权限是否已授权。
+- 视频无画面：检查摄像头权限是否已授权。
\ No newline at end of file
diff --git a/docs/callkit/android/sample_runthrough.md b/docs/callkit/android/sample_runthrough.md
new file mode 100644
index 000000000..a7fbeb6de
--- /dev/null
+++ b/docs/callkit/android/sample_runthrough.md
@@ -0,0 +1,60 @@
+# 跑通示例项目
+
+本文档基于 MainActivity 示例，帮助你快速集成和运行环信 CallKit（基于 IM 4.16.0 或以上版本），实现一对一音视频通话和群组音视频通话功能。
+
+## 推荐环境
+
+- Android SDK: API Level 24 或以上版本
+- Android Studio: 推荐最新版本
+- Kotlin: 2.0.21
+- JDK: 17
+- Gradle 版本：8.9
+
+## 前提条件
+
+在 [环信控制台](https://console.easemob.com/user/login) 进行如下操作：
+1. [注册环信账号](/product/console/account_register.html#注册账号)。
+2. [创建应用](/product/console/app_create.html)，[获取应用的 App Key](https://doc.easemob.com/product/console/app_manage.html#获取应用凭证)，格式为 `orgname#appname`。
+3. [创建用户](/product/console/operation_user.html#创建用户)，获取用户 ID 和 IM token。
+4. [创建群组](/product/console/operation_group.html#创建群组)，获取群组 ID。将用户加入群组。
+5. [开通音视频服务](product_activation.html)。为了保障流畅的用户体验，开通服务后，你需等待 15 分钟才能跑通示例项目。
+
+## 操作步骤
+
+### 步骤 1 配置项目
+
+1. 在 [Github](https://github.com/easemob/easemob-callkit-android.git) 中克隆或下载代码。
+
+```bash
+git clone https://github.com/easemob/easemob-callkit-android.git
+```
+
+2. 在 Android Studio 中打开项目。
+
+选择 **File** > **New** > **Import Project**，导入下载或克隆的项目 `easemob-callkit-android`。
+
+3. 等待 Gradle 同步完成。
+
+4. 在 `MainActivity.kt` 中进行如下修改：
+
+```kotlin
+private val selfUserID = "your_user_id" // 你的用户 ID
+private val remoteUserID = "target_user_id" // 对方用户 ID，用于一对一音视频通话
+private val imToken="your_im_token" // 替换为登录Token
+private val groupID = "your_group_id" // 群组 ID
+private val imAppkey = "your_org#your_app" // 你的 App Key
+```
+### 步骤 2 运行应用
+
+1. 连接 Android 设备或启动模拟器。
+2. 点击 **Run ‘app’** 运行应用。
+
+### 步骤 3 开始通话
+
+1. 点击 **登录**。等待连接，观察连接状态指示器变绿。
+2. 点击 **发起一对一视频通话**、**发起一对一音频通话** 或 **发起群组音视频通话** 发起通话。
+3. 在弹出的页面中授权必要权限（摄像头、麦克风、悬浮窗等）。
+4. 点击 **登出** 退出登录。
+
+
+
diff --git a/docs/callkit/android/signaling.md b/docs/callkit/android/signaling.md
new file mode 100644
index 000000000..bfd1931e4
--- /dev/null
+++ b/docs/callkit/android/signaling.md
@@ -0,0 +1,7 @@
+---
+{
+ pageUri: "/callkit/ios/signaling.html",
+ title: "音视频通话信令交互逻辑
+"
+}
+---
\ No newline at end of file
diff --git a/docs/callkit/android/telecom.md b/docs/callkit/android/telecom.md
new file mode 100644
index 000000000..cca88cb18
--- /dev/null
+++ b/docs/callkit/android/telecom.md
@@ -0,0 +1,77 @@
+# Telecom
+
+Android 系统中的 Telecom 框架主要负责管理设备上的所有通话，包括传统的基于 SIM 卡的通话和 VoIP 通话。当有来电时，Telecom 框架会处理来电显示、接听、挂断等功能，并通知相关的应用程序。
+
+
+
+### 收到邀请
+
+主叫方调用邀请接口后，如果被叫方在线且并未处于通话过程中，将弹出通话页面，被叫用户可选择接听或者拒绝。通话页面如下：
+
+
+
+被叫振铃的同时，会触发以下回调：
+
+```objectivec
+- (void)callDidReceive:(EaseCallType)aType inviter:(NSString*_Nonnull)user ext:(NSDictionary*)aExt
+ {
+
+ }
+```
+
+### 多人通话中间发起邀请
+
+多人通话中，当前用户可以点击通话界面右上角的邀请按钮再次向其他用户发起邀请。这种情况下，会触发 `EaseCallKitListener` 中的 `multiCallDidInvitingWithCurVC` 回调：
+
+```objectivec
+// 多人音视频邀请按钮的回调。
+// vc 当前视图控制器。
+// users 通话中已存在的用户。
+// aExt 通话扩展信息。
+- (void)multiCallDidInvitingWithCurVC:(UIViewController*_Nonnull)vc excludeUsers:(NSArray
+
+此外，你还可以实现群组视频通话的特殊需求，例如，多路视频流同时存在、需要智能选择显示内容以及焦点切换等。
+
+### PiP 交互
+
+下图为群组通话中的 PiP 交互示例。在该例中，PiP 窗口中显示主讲人、主讲人画面、群组通话人数以及相关操作按钮。你可以根据自己的业务决定 PiP 窗口采用主讲人模式或者多人模式。
+
+
+
+## CallKit 优势
+
+| 优势 | 描述 |
+| :-------------- | :----- |
+| 三位一体技术整合 | - 环信即时通讯 IM + 声网实时音视频 RTC + UI 组件深度整合 
+
+
diff --git a/docs/callkit/ios/sample_runthrough.md b/docs/callkit/ios/sample_runthrough.md
new file mode 100644
index 000000000..50fa7cc5b
--- /dev/null
+++ b/docs/callkit/ios/sample_runthrough.md
@@ -0,0 +1,55 @@
+# 运行示例项目
+
+本文帮助你快速集成和运行环信 CallKit（基于环信即时通讯 IM SDK V4.16.0 或以上版本），实现一对一音视频通话和群组音视频通话功能。
+
+## 开发环境要求
+
+- Xcode 16.0 或以上版本
+- 最低支持系统版本：iOS 15.0
+- 已为你的项目设置有效的开发者签名
+- CocoaPods v1.14.3 或以上版本
+
+## 前提条件
+
+在 [环信控制台](https://console.easemob.com/user/login) 进行如下操作：
+1. [注册环信账号](/product/console/account_register.html#注册账号)。
+2. [创建应用](/product/console/app_create.html)，[获取应用的 App Key](/product/console/app_manage.html#获取应用凭证)，格式为 `orgname#appname`。
+3. [创建用户](/product/console/operation_user.html#创建用户)，获取用户 ID 和 [用户 Token](/product/console/operation_user.html#查看用户-token)。
+4. [创建群组](/product/console/operation_group.html#创建群组)，获取群组 ID，将用户加入群组。
+5. [开通音视频服务](product_activation.html)。为了保障流畅的用户体验，开通服务后，你需等待 15 分钟才能跑通示例项目。
+
+## 操作步骤
+
+### 步骤 1 配置项目
+
+在 [Github](https://github.com/easemob/easemob-callkit-iOS) 中克隆或下载代码。
+
+```bash
+git clone https://github.com/easemob/easemob-callkit-iOS
+```
+
+### 步骤 2 设置 App Key
+
+在 `PublicDefines.swift` 中填写你的应用的 App Key：
+
+```Swift
+let AppKey: String = <#AppKey#>
+```
+
+### 步骤 3 安装本地依赖
+
+在终端使用 cd 命令到 `podfile` 所在的文件目录下，执行 `pod install` 命令，等待成功后点击 **运行**。
+
+```
+pod install
+```
+
+### 步骤 4 运行项目
+
+1. 登录：在登录界面输入用户 ID 和 [用户 Token](/product/console/operation_user.html#查看用户-token)，然后点击 **Login**。
+2. 发起通话：
+ - 一对一通话：选择 **audio** 或 **video**，输入呼叫用户的用户 ID，点击 **Call**。
+ - 群组通话：选择 **group**，输入群组 ID，点击 **Call**。
+你可以点击 **log** 查看 CallKit 相关日志，搜索 `EaseCallUIKit` 过滤 CallKit 日志。
+
+
\ No newline at end of file
diff --git a/docs/callkit/ios/signaling.md b/docs/callkit/ios/signaling.md
new file mode 100644
index 000000000..269fe3226
--- /dev/null
+++ b/docs/callkit/ios/signaling.md
@@ -0,0 +1,97 @@
+
+# 音视频通话信令交互逻辑
+
+## 信令概述
+
+本系统使用即时通讯 IM 消息作为信令载体，通过消息扩展字段（`ext`）传递通话控制信息。
+
+### 核心信令
+
+| 信令类型 | Action 标识 | 发送方 | 接收方 | 描述 | 发送信令消息规则 |
+| :---------------- | :----- | :----- | :----- | :----- | :----- |
+| 通话邀请信令 | `CALL_INVITE` | 主叫 | 被叫 | 发起通话邀请，包含：
+
+### 主叫取消流程
+
+
+
+### 被叫忙碌流程
+
+
+
+## 群组通话信令交互流程
+
+群组通话信令特点如下：
+
+1. 批量发送: 一条消息发给多个接收方。
+2. 独立响应: 每个被叫独立处理和响应。
+3. 动态邀请: 支持通话中继续邀请新成员。
+
+
+
+## 信令时序控制
+
+| 信令交互 | 预期响应时间 | 超时处理 |
+| :---------------- | :----- | :----------------- |
+| CALL_INVITE → CALL_ALERT | 30 秒内 | |
+| CALL_ALERT → CALL_CONFIRM_RING | 10 秒内 | 主叫快速判断并响应。 |
+| CALL_CONFIRM_RING → CALL_ANSWER | 30 秒内 | 被叫振铃超时，自动结束。 |
+| CALL_ANSWER → CALL_CONFIRM_CALLEE | 10 秒内 | 主叫快速确认被叫设备以及状态。 |
+| 整体呼叫流程 | 30 秒 | 主叫等待超时，自动取消呼叫。被叫超时不接，同样自动取消。 |
+
+## 多设备场景
+
+被叫方使用同一账号登录多个设备，信令中通过主叫或被叫的设备 ID（`callerDevId` 和 `calleeDevId`）区分，只有指定的设备处理信令，其他设备收到后忽略或显示类似 “已在其他设备处理” 等提示。
+
+```swift
+// 判断是否本设备
+if calleeDevId == currentDeviceId {
+ // 本设备处理
+ processCall()
+} else {
+ // 其他设备处理
+ showMessage("已在其他设备处理")
+ dismissUI()
+}
+```
+
+## 异常处理
+
+### 信令丢失处理
+
+| 信令丢失场景 | 处理方式 |
+| :---------------- | :----- |
+| CALL_ALERT 信令丢失 | 30 秒后主叫端超时，用户可以点击重新发起呼叫。 |
+| CALL_CONFIRM_RING 信令丢失 | 被叫等待 10 秒后结束呼叫流程。 |
+| CALL_ANSWER 信令丢失 | 主叫 30 秒超时，发送取消呼叫信令。 |
+| CALL_CONFIRM_CALLEE 信令丢失 | 被叫 10 秒超时，主动结束通话。 |
+
+### 信令冲突处理
+
+| 信令冲突场景 | 处理方式 |
+| :---------------- | :----- |
+| 重复邀请 | 检查 `callId`，相同则忽略。 |
+| 并发呼叫 | 返回忙碌 `busy`，保持当前通话。 |
+| 呼叫状态不一致 | 以最新信令为准，更新本地呼叫状态：空闲、拨号中、振铃中、应答中。 |
+
diff --git a/docs/callkit/web/api_overview.md b/docs/callkit/web/api_overview.md
new file mode 100644
index 000000000..dc72b4df4
--- /dev/null
+++ b/docs/callkit/web/api_overview.md
@@ -0,0 +1,188 @@
+# API 概览
+
+本文档详细介绍 CallKit 组件的所有属性、方法和回调事件。
+
+## 组件属性 (Props)
+
+### 基础配置
+
+| 属性 | 类型 | 默认值 | 描述 |
+| ----------------- | --------------------- | ------------- | ---------- |
+| `className` | `string` | - | 自定义 CSS 类名。 |
+| `style` | `React.CSSProperties` | - | 自定义内联样式。 |
+| `prefix` | `string` | `cui` | CSS 类名前缀。 |
+| `chatClient` | `ChatSDK.Connection` | - | **必须**，环信 IM SDK 实例。 |
+| `layoutMode` | `LayoutMode` | `MULTI_PARTY` | 布局模式：`PREVIEW`、`ONE_TO_ONE` 和 `MULTI_PARTY`。 |
+| `maxVideos` | `number` | `16` | 最大显示视频数量。 |
+| `aspectRatio` | `number` | `1` | 视频窗口宽高比。 |
+| `gap` | `number` | `6` | 视频窗口间隙（像素）。 |
+| `backgroundImage` | `string` | - | 多人通话背景图片 URL。 |
+| `userSelectTitle` | `string` | - | 用户选择弹窗标题。 |
+
+### 铃声配置
+
+| 属性 | 类型 | 默认值 | 描述 |
+| --------------------- | --------- | ------ | ------------------------ |
+| `enableRingtone` | `boolean` | `true` | 是否启用铃声。 |
+| `outgoingRingtoneSrc` | `string` | - | 拨打电话铃声音频文件路径。 |
+| `incomingRingtoneSrc` | `string` | - | 接听电话铃声音频文件路径。 |
+| `ringtoneVolume` | `number` | `0.8` | 铃声音量，范围 0-1。 |
+| `ringtoneLoop` | `boolean` | `true` | 是否循环播放铃声。 |
+
+### 窗口大小和位置
+
+| 属性 | 类型 | 默认值 | 描述 |
+| ----------------- | --------------------------------- | --------------------------- | -------------------- |
+| `resizable` | `boolean` | `false` | 是否允许调整大小。 |
+| `minWidth` | `number` | `400` | 最小宽度（像素）。 |
+| `minHeight` | `number` | `300` | 最小高度（像素）。 |
+| `maxWidth` | `number` | - | 最大宽度（像素）。 |
+| `maxHeight` | `number` | - | 最大高度（像素）。 |
+| `draggable` | `boolean` | `true` | 是否允许拖拽。 |
+| `dragHandle` | `string` | - | 拖拽手柄 CSS 选择器。 |
+| `managedPosition` | `boolean` | `true` | 是否使用内置位置管理。 |
+| `initialPosition` | `{left: number, top: number}` | - | 初始位置。 |
+| `initialSize` | `{width: number, height: number}` | `{width: 748, height: 523}` | 初始大小。 |
+| `minimizedSize` | `{width: number, height: number}` | `{width: 80, height: 64}` | 最小化时的尺寸。 |
+
+### 邀请界面配置
+
+| 属性 | 类型 | 默认值 | 描述 |
+| ------------------------- | ----------------- | ------ | ------------------ |
+| `invitationCustomContent` | `React.ReactNode` | - | 自定义邀请内容。 |
+| `acceptText` | `string` | - | 接听按钮文本。 |
+| `rejectText` | `string` | - | 拒绝按钮文本。 |
+| `showInvitationAvatar` | `boolean` | `true` | 是否显示邀请者头像。 |
+| `showInvitationTimer` | `boolean` | `true` | 是否显示倒计时。 |
+| `autoRejectTime` | `number` | `30` | 自动拒绝时间（秒）。 |
+
+### 信息提供者
+
+| 属性 | 类型 | 默认值 | 描述 |
+| ------------------- | ---------------------------------------------- | ------ | ------------------ |
+| `userInfoProvider` | `(userIds: string[]) => Promise
+
+## CallKit 优势
+
+| 优势 | 描述 |
+| :-------------- | :----- |
+| 三位一体技术整合 | - 环信即时通讯 IM + 声网实时音视频 RTC + UI 组件深度整合 
+
+## 运行应用
+
+运行应用前，你需要授权摄像头、麦克风、悬浮窗等权限。
+
+1. 在浏览器中访问 `http://localhost:5173`。
+2. 输入 App Key、用户 ID 和 accessToken，点击 **登录** 进行登录，登录成功后状态指示器会变绿。
+3. 在另一个浏览器标签页或设备上打开同样的页面，使用另一个账号登录。
+4. 在主叫浏览器或设备上输入被叫方的用户 ID，点击对应的通话按钮，即可发起音视频通话。
+
+运行应用过程中的常见问题排查如下：
+
+- 连接失败：检查 App Key 是否正确配置。
+- 通话无声音：检查麦克风权限是否已授权。
+- 视频无画面：检查摄像头权限是否已授权。
+- HTTPS 问题：生产环境部署时确保使用 HTTPS 协议。
diff --git a/docs/callkit/web/sample_runthrough.md b/docs/callkit/web/sample_runthrough.md
new file mode 100644
index 000000000..766ddfe16
--- /dev/null
+++ b/docs/callkit/web/sample_runthrough.md
@@ -0,0 +1,73 @@
+# 跑通 Web 示例项目
+
+本文档基于 `call-demo.tsx` 示例，帮助你快速集成和运行环信 Web CallKit，实现一对一音视频通话和群组音视频通话功能。
+
+## 推荐环境
+
+- Node.js: 16.0 或以上版本
+- npm/yarn: 推荐最新版本
+- React: 18.0 或以上版本
+- TypeScript: 4.9 或以上版本
+- 现代浏览器: Chrome/Firefox/Safari/Edge 最新版本
+
+## 前提条件
+
+在 [环信控制台](https://console.easemob.com/user/login) 进行如下操作：
+
+1. [注册环信账号](/product/console/account_register.html#注册账号)。
+2. [创建应用](/product/console/app_create.html)，[获取应用的 App Key](/product/console/app_manage.html#获取应用凭证)，格式为 `orgname#appname`。
+3. [创建用户](/product/console/operation_user.html#创建用户)，获取用户 ID。
+4. [创建群组](/product/console/operation_group.html#创建群组)，获取群组 ID，将用户加入群组。
+5. [开通音视频服务](product_activation.html)。为了保障流畅的用户体验，开通服务后，你需等待 15 分钟才能跑通示例项目。
+
+## 操作步骤
+
+### 步骤 1 配置项目
+
+1. 克隆或下载项目。
+
+```bash
+git clone https://github.com/easemob/easemob-uikit-react.git
+cd easemob-uikit-react
+```
+
+2. 安装依赖。
+
+```bash
+npm install
+# 或
+yarn install
+```
+
+3. 启动开发服务器。
+
+```bash
+npm run dev
+# 或
+yarn dev
+```
+
+### 步骤 2 运行项目
+
+打开浏览器访问 `http://localhost:5173/demo/callkit/call-demo.html`，确认项目正常运行。
+
+### 步骤 3 开始通话
+
+1. 填写 App Key、用户 ID 和密码，点击 **登录**，等待登录成功提示。
+
+ 
+
+2. 输入被叫用户 ID（一对一通话）或群组 ID（群组通话），点击 **完成配置**。
+
+ 
+
+3. （可选）点击 **选择背景** 在背景选择面板中选择喜欢的通话背景图片。
+
+ 
+
+4. 点击 **发起视频通话** 或 **发起语音通话** 发起一对一通话，或者点击 **发起群组视频通话**，选择要邀请的成员，发起群组视频通话。
+
+ 
+
+5. 在浏览器弹出的权限请求中，允许访问摄像头和麦克风。
+6. 在通话中可以控制静音、摄像头、扬声器等，点击 **结束通话** 挂断。
diff --git a/docs/callkit/web/signaling.md b/docs/callkit/web/signaling.md
new file mode 100644
index 000000000..bfd1931e4
--- /dev/null
+++ b/docs/callkit/web/signaling.md
@@ -0,0 +1,7 @@
+---
+{
+ pageUri: "/callkit/ios/signaling.html",
+ title: "音视频通话信令交互逻辑
+"
+}
+---
\ No newline at end of file
diff --git a/docs/product/console/account_center.md b/docs/product/console/account_center.md
index de1102321..5a426cb4a 100644
--- a/docs/product/console/account_center.md
+++ b/docs/product/console/account_center.md
@@ -20,17 +20,17 @@
| 服务中 | 表示当前订单中购买的服务在使用中。同一 App Key 同时仅能有 1 个服务版本的订单状态为 **服务中**。 |
| 已完结 | 表示当前订单中购买的服务已关闭。当客户升级新服务后，原服务版本订单和相关增值服务订单均会自动关闭，变为 **已完结**状态。 |
-2. 点击订单的 **操作** 栏中的 **详情**，可查看订单详情。
+2. 点击订单的 **操作** 栏中的 **详情**，可查看订单详情。下图以即时通讯 IM 的订单为例进行介绍。
## 查看消费账单
-1. 选择 **账单中心** > **消费账单**，点击 **IM扣费账单**，查看你当前的账单记录。
+1. 选择 **账单中心** > **消费账单**，查看你当前的账单记录。
-2. 点击消费账单的 **操作** 栏中的 **账单详情**，查看账单详情。
+2. 点击消费账单的 **操作** 栏中的 **账单详情**，查看账单详情。下图以即时通讯 IM 的实时消息人工审核服务的订单为例进行介绍。
diff --git a/docs/product/console/operation_data.md b/docs/product/console/operation_data.md
index c99425d6e..e64eecb03 100644
--- a/docs/product/console/operation_data.md
+++ b/docs/product/console/operation_data.md
@@ -45,3 +45,17 @@
点击右侧的 **详情** 可查看各类型消息的统计情况。
+
+## 实时音视频服务
+
+成功开通音视频服务后，你可以查看应用的音视频服务用量。
+
+- 选择统计时间范围，查看当前项目在指定时间段内的音视频服务总用量。
+
+
+
+- 选择统计时间范围，查看当前项目的各类产品在指定时间段内的音视频服务用量。
+
+
+
+- 点击 **导出数据** 导出实时音视频服务的用量统计。
diff --git a/docs/product/console/purchase_value_added.md b/docs/product/console/purchase_value_added.md
index b27b0e263..092dd9bf9 100644
--- a/docs/product/console/purchase_value_added.md
+++ b/docs/product/console/purchase_value_added.md
@@ -1,6 +1,6 @@
# 开通增值服务
-即时通讯 IM 的增值服务包括内容审核、即时推送、消息翻译和服务端 API 调用。你可以在 [环信控制台](https://console.easemob.com/user/login) 订阅增值服务。
+即时通讯 IM 的增值服务包括内容审核、即时推送、消息翻译、服务端 API 调用和实时音视频服务。你可以在 [环信控制台](https://console.easemob.com/user/login) 订阅增值服务。
按如下步骤打开 **增值服务** 页面：
@@ -60,6 +60,14 @@
+## 实时音视频服务
+
+使用环信音视频通话 CallKit 之前，你需要开通实时音视频服务。
+
+选择 **实时音视频服务** 页签，点击 **立即开通** 开通实时音视频服务。开通后，你可以订阅 RTC 服务的套餐或加油包。
+
+
+