Integrasikan agen Real-time Conversational AI ke dalam aplikasi web Anda.
Catatan
Untuk menguji agen AI secara cepat, lihat Integrasikan agen AI melalui potongan kode.
Source code
Tautan unduhan
Unduh source code dari GitHub.
Struktur direktori
.
└── React
├── README.md
├── eslint.config.js
├── index.html // Untuk PC
├── mobile.html // Untuk ponsel
├── package.json
├── src
│ ├── Mobile // UI seluler
│ ├── PC // UI PC
│ ├── common // Metode umum
│ ├── controller
│ ├── interface.ts
│ ├── runConfig.ts // Konfigurasi runtime
│ ├── service
│ └── vite-env.d.ts
├── tsconfig.app.json
├── tsconfig.json
└── vite.config.tsSebelum memulai
Kembangkan operasi API yang diperlukan pada AppServer Anda atau deploy source code server yang disediakan. Untuk informasi lebih lanjut, lihat Deploy proyek.
Jalankan demo
Buka direktori React.
Jalankan
npm installuntuk menginstal dependensi.Pada
src/runConfig.ts, atur alamat AppServer dan ID agen.
// src/runConfig.ts
const runConfig: AICallRunConfig = {
// harus diubah sesuai wilayah agen Anda
region: 'cn-shanghai',
appServer: 'Your AppServer address',
voiceAgentId: 'Your voice agent ID',
avatarAgentId: 'Your avatar agent ID',
visionAgentId: 'Your vision agent ID',
// callTemplateConfig: callTemplateConfig,
};Nama Wilayah | ID Wilayah |
China (Hangzhou) | cn-hangzhou |
China (Shanghai) | cn-shanghai |
China (Beijing) | cn-beijing |
China (Shenzhen) | cn-shenzhen |
Singapore | ap-southeast-1 |
Jalankan
npm run devuntuk memulai development server.