Web - Intelligent Media Services

Tema ini menjelaskan cara mengintegrasikan Agen AI Percakapan Real-time ke dalam aplikasi web Anda.

Catatan

Untuk segera menguji agen AI, lihat Integrasi agen melalui potongan kode.

Kode sumber

Tautan unduhan

Anda dapat mengunduh kode sumber dari GitHub.

Struktur direktori

.
└── React
    ├── README.md
    ├── eslint.config.js
    ├── index.html     // Untuk PC
    ├── mobile.html    // Untuk ponsel
    ├── package.json
    ├── src
    │   ├── Mobile     // UI Ponsel
    │   ├── 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 terkait di AppServer Anda atau deploy kode sumber server yang disediakan. Untuk informasi lebih lanjut, lihat Deploy Proyek.

Jalankan demo

Setelah mengunduh kode sumber, masuk ke direktori React.
Di direktori React, jalankan perintah npm install untuk menginstal dependensi.
Buka file src/runConfig.ts dan modifikasi alamat AppServer Anda dan ID agen jika diperlukan.

// src/runConfig.ts
const runConfig: AICallRunConfig = {
  // harus dimodifikasi sesuai wilayah agen Anda
  region: 'cn-shanghai',
  appServer: 'Alamat AppServer Anda',
  voiceAgentId: 'ID agen suara Anda',
  avatarAgentId: 'ID agen avatar Anda',
  visionAgentId: 'ID agen visi Anda',
  // callTemplateConfig: callTemplateConfig,
};

Nama Wilayah	ID Wilayah
Cina (Hangzhou)	cn-hangzhou
Cina (Shanghai)	cn-shanghai
Cina (Beijing)	cn-beijing
Cina (Shenzhen)	cn-shenzhen
Singapura	ap-southeast-1

Jalankan perintah npm run dev untuk memulai layanan lokal.