集成指南
本文介绍用 AI 编辑器快速集成 Live、Call、Conference UIKit 组件或 RTC SDK。您只需要用自然语言描述您想要实现的场景及目标平台,AI 会负责项目脚手架(可选)、依赖安装、组件挂载、初始化代码与测试账号(
userSig)生成。支持平台:Web / iOS / Android / Flutter。
提示词示例
选择您想要实现的场景,复制下列提示词给 AI,您只需要按需补充项目信息(例如仓库目录、现有路由/页面入口文件路径等),AI 会自动完成接入:
直播和语聊场景(Live)
任务:在当前项目中集成 LiveKit(先跑通视频直播基础流程)执行要求:1. 自动识别框架(Web Vue3/Flutter/Android/iOS)。2. 无法识别时,需要调用 `present_framework_choice` 给用户选择。3. 按平台调用 MCP 工具:- Web: `get_web_live_uikit_integration`- Native: `get_native_live_uikit_integration`4. 参数:`framework`。5. 调用 `get_usersig` 完成初始化和登录。6. 生成主播开播页、观众观看页、基础互动入口。验收清单:- 主播可开播- 观众可观看- 基础互动可用(如连麦入口)常见问题排查:- 黑屏:检查设备权限与渲染初始化- 无声:检查音频权限与设备路由
会议场景(Conference)
任务:在当前项目中集成 RoomKit(先跑通 quick-start 模式)执行要求:1. 自动识别框架(Web Vue3)。2. 无法识别时,需要调用 `present_framework_choice` 给用户选择。3. 按平台调用 MCP 工具:- Web: `get_web_room_uikit_integration`- Native: `get_native_room_uikit_integration`4. 参数:`framework`。5. 调用 `get_usersig` 完成初始化和登录。6. 生成会议入口页、会议房间页、路由注册。验收清单:- 设备检测正常- 可入会并看到音视频- 屏幕共享可用(平台支持时)常见问题排查:- 进房失败:检查 roomId 与登录状态- 无画面/无声音:检查摄像头麦克风权限
音视频通话场景(Call)
任务:在当前项目中集成 CallKit(先跑通 1v1 语音通话和视频通话)执行要求:1. 自动识别框架(React/Vue3/Flutter/Android/iOS).2. 无法识别时,需要调用 `present_framework_choice` 给用户选择。3. 按平台调用 MCP 工具:- Web: `get_web_call_uikit_integration`- Native: `get_native_call_uikit_integration`4. 参数:`framework`。5. 调用 `get_usersig` 完成初始化和登录。6. 生成最小可运行的呼叫入口和来电处理页面。验收清单:- 初始化与登录成功- 能发起 1v1 视频通话- 能收到来电并接听常见问题排查:- 60001:重新生成 userSig- 通话失败:检查网络与设备权限
相关文档
常见问题