tencent cloud

Integration Guide
Last updated:2026-03-23 17:55:50
Integration Guide
Last updated: 2026-03-23 17:55:50
This guide shows you how to integrate Live, Call, or Conference UIKit components (or an RTC SDK) quickly with an AI editor. Just describe what you want to build and which platform(s) you’re targeting in plain language. The AI can take care of scaffolding (optional), installing dependencies, wiring the components, generating the initialization code, and creating test credentials (userSig).
Supported platforms: Web / iOS / Android / Flutter.
Note:
Before you start integrating, make sure you have obtained SDKAppID and SecretKey, and configured MCP. If you want to speed up integration, you can combine this with SKILL.

Prompt Examples

Choose the scenario you want to implement, copy the prompt below into the AI. You only need to fill in the project details as needed (for example: repository directory, paths to existing routes/pages entry files). The AI will complete the integration automatically.

Live and Voice Chat Scenario (Live)

Task: Integrate LiveKit into the current project (first, get the basic video live-streaming flow working)

Execution requirements:
1. Automatically detect the framework (Web Vue3 / Flutter / Android / iOS).
2. If the framework can't be identified, call `present_framework_choice` so the user can select it.
3. Invoke the MCP tool for the platform:
   - Web: `get_web_live_uikit_integration`
   - Native: `get_native_live_uikit_integration`
4. Pass `framework` as the parameter.
5. Call `get_usersig` to complete initialization and login.
6. Generate the broadcaster start page, the audience watching page, and a basic interaction entry.

Acceptance checklist:
- Broadcaster can start the stream.
- Audience can watch the stream.
- Basic interactions work (e.g., co-host / join-live entry).

Common troubleshooting:
- Black screen: verify device permissions and rendering initialization.
- No audio: verify audio permissions and device/media routing.

Online Meeting Scenario (Conference)

Task: Integrate RoomKit into the current project (first, get the quick-start mode working)

Execution requirements:
1. Automatically detect the framework (Web Vue3).
2. If the framework can't be identified, call `present_framework_choice` so the user can select it.
3. Invoke the MCP tool for the platform:
   - Web: `get_web_room_uikit_integration`
   - Native: `get_native_room_uikit_integration`
4. Pass `framework` as the parameter.
5. Call `get_usersig` to complete initialization and login.
6. Generate the conference entry page, the room page, and register routes.

Acceptance checklist:
- Device detection works properly.
- Users can join the conference and see audio/video.
- Screen sharing works (when supported by the platform).

Common troubleshooting:
- Can't enter the room: check `roomId` and the login status.
- No video / no audio: check camera and microphone permissions.

Audio/Video Calling Scenario (Call)

Task: Integrate CallKit into the current project (first, run 1v1 voice calling and video calling)

Execution requirements:
1. Automatically detect the framework (React / Vue3 / Flutter / Android / iOS).
2. If the framework can't be identified, call `present_framework_choice` so the user can select it.
3. Invoke the MCP tool for the platform:
   - Web: `get_web_call_uikit_integration`
   - Native: `get_native_call_uikit_integration`
4. Pass `framework` as the parameter.
5. Call `get_usersig` to complete initialization and login.
6. Generate a minimal runnable call entry and an incoming call handling page.

Acceptance checklist:
- Initialization and login succeed.
- Users can start a 1v1 video call.
- Users can receive an incoming call and answer it.

Common troubleshooting:
- Error 60001: regenerate `userSig`.
- Call failure: verify network connectivity and device permissions.

Related Documentation

FAQ

Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback