All Products
Search
Document Center

Intelligent Media Services:Panduan integrasi web

Last Updated:Aug 28, 2026

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.ts

Sebelum 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

  1. Buka direktori React.

  2. Jalankan npm install untuk menginstal dependensi.

  3. 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

  1. Jalankan npm run dev untuk memulai development server.