Alibaba Cloud offers a demo for the Real-time Conversational AI client SDK. This guide helps you get started and explore the key features.
Try the demo
Scan a QR code or click a link to quickly try the demo's core features.
|
Native (Android & iOS) Scan the QR code below to download and try the Real-time Conversational AI demo.
|
H5 Use DingTalk, WeChat, or a browser to scan the QR code and try the mobile demo.
|
PC Web Click web demo to try the demo on your PC. |
On iOS, if an "Untrusted Enterprise Developer" prompt appears during installation, go to Settings > General > VPN & Device Management. Find the profile related to Taobao and select Trust.
Feature preview
Audio and video call scenarios
The demo includes multiple AI-powered call scenarios, including:
|
Audio call |
Digital human call |
Visual understanding call |
Video call |
|
The audio call entry screen features a cartoon AI assistant. Interact with the agent by voice and tap Start to begin the call. |
The digital human call entry screen features a 3D digital human. Interact through video for a more realistic experience, and tap Start to begin the call. |
The entry screen for the visual understanding call mode, featuring a mobile phone and camera icon. The agent responds to both voice and video input. Tap Start to begin the visual understanding call. |
The entry screen for the video call mode. The digital human supports two-way video calls with visual understanding capabilities. Tap Start to begin the video call. |
|
The in-progress audio call screen displays an AI robot avatar in the center, with the prompt I'm listening... below. Controls for microphone, hang up, and speaker are at the bottom. |
The in-progress digital human call screen displays a realistic female AI digital human, with the prompt I'm listening.... A hang-up button is at the bottom. |
The in-progress visual understanding call screen displays a 3D cartoon AI character. Additional buttons for camera and video at the bottom enable real-time visual interaction. |
The in-progress video call screen. The main screen shows the AI digital human, and a smaller window in the top-right corner shows the user's camera feed (picture-in-picture). Full call control buttons are at the bottom. |
Message conversation scenarios
In message conversation mode, you can:
|
Start a message conversation. |
Exchange text messages with an agent. |
Press and hold to send voice messages. |
Switch to audio call, digital human call, or other modes. |
|
The entry screen for message conversation mode, featuring a chat bubble illustration. Interact with the agent via voice or text in a chat format. Tap Start to begin a message conversation. |
The message conversation screen demonstrates text interaction. The user sends "Write a quicksort using Python", and the AI replies with the complete Python code. The bottom of the screen also includes an image recognition feature, where the AI automatically describes the content of an uploaded image. |
In voice message mode, the screen displays a Hold to speak button at the bottom. Press and hold this button to record and send voice messages to the agent. |
The bottom of the message conversation screen lets you switch to other modes at any time, such as Audio call, Digital human call, Visual understanding call, or Video call. |
Use a custom agent
Before you start, get a temporary token from the console, and then tap Scan to experience to scan the agent's QR code.
In the demo, you can scan the QR code of an agent you created to quickly test its functionality. For instructions on creating an agent, see Quick start for audio and video calls or Quick start for message conversations.
Build and run from source
Follow these steps to compile, run, and debug the demo in your local environment.
Prerequisites
Before you begin, make sure you have created an agent in the Alibaba Cloud console. For detailed steps, see Quick start for audio and video calls or Quick start for message conversations.
Procedure
-
Download the source code: Download the latest demo source code for your development platform from the table below.
Platform
Source code
Android
iOS
Web
HarmonyOS
Server
-
Configure and deploy the server: Unzip the server-side source code, modify the configuration as described in the
READMEfile, then deploy it to your application server. -
Configure and run the client: Unzip the source code for your chosen client (Android, iOS, HarmonyOS, or Web), modify the configuration according to its
READMEfile, then compile and run it.
-
For server-side setup, see server-side integration. For client-side setup, see UI integration solution.
-
See Quickly integrate an agent with a code snippet to quickly test the agent you created.
Contact us
For product inquiries or technical support, contact us by joining our DingTalk group. Group ID: 106730016696.