ARTCAICallUI SDK で試用トークンを使用して IMS AI エージェントをテスト - IMS - Alibaba Cloud - Intelligent Media Services

コンソールで生成されたトライアルトークンを使用することで、サーバーをデプロイすることなく、AI エージェントを迅速にテストできます。

説明

この方法はテスト専用です。shareToken が漏洩する可能性があるため、本番環境では使用しないでください。

トライアルトークンの生成

AI エージェントページに移動し、テストする AI エージェントを選択します。AI エージェントがない場合は、「AI エージェントの作成と管理」を参照して作成してください。
[QR Code for Demo] をクリックし、有効期限を選択します。
生成されたトライアルトークンをコピーします。
[QR Code for Demo] ダイアログボックスには、アプリと Web のデモ用の QR コード、Web デモの URL、トライアルトークン、および有効期限が表示されます。フィールドの横にあるコピーアイコンをクリックすると、値をコピーできます。

AI エージェントの統合

Web

統合コード

次のコードをウェブページの <body> セクションに追加します。

<script src="https://g.alicdn.com/apsara-media-aui/amaui-web-aicall/2.5.0/aicall-ui.js"></script>
<script>
  new ARTCAICallUI({
    userId: '123',                          // RTC チャネルに参加するユーザーの ID。ビジネスシステムのログインユーザー ID を使用します。
    root: document.getElementById('root'),  // UI レンダリングのルート DOM 要素です。UI がこの要素を埋めます。
    shareToken: 'xxxx',                     // コンソールからコピーしたトライアルトークン。
  }).render();
</script>

Android

ソースコードのダウンロードと統合

ソースコードをダウンロードするには、GitHub リポジトリにアクセスします。
AUIAICall のインポート：Android Studio で、[File] > [New] > [Import Module] の順に選択し、ダウンロードしたリポジトリフォルダーを選択します。

build.gradle ファイルでサードパーティライブラリの依存関係を変更します。

dependencies {
    implementation 'androidx.appcompat:appcompat:x.x.x'                     // x.x.x をプロジェクトと互換性のあるバージョンに変更します
    implementation 'com.google.android.material:material:x.x.x'             // x.x.x をプロジェクトと互換性のあるバージョンに変更します
    androidTestImplementation 'androidx.test.espresso:espresso-core:x.x.x'  // x.x.x をプロジェクトと互換性のあるバージョンに変更します
    implementation 'com.aliyun.aio:AliVCSDK_ARTC:x.x.x'                  // x.x.x をプロジェクトと互換性のあるバージョンに変更します
    implementation 'com.aliyun.auikits.android:ARTCAICallKit:x.x.x'
    implementation 'com.alivc.live.component:PluginAEC:2.0.0'
}

説明

最新の ARTC SDK バージョン： 7.10.0
最新の AICallKit SDK バージョン： 2.11.0

同期が完了するまで待ちます。

統合コード

Context currentActivity = AUIAICallEntranceActivity.this;
// RTC チャネルに参加するユーザーの ID。ビジネスシステムのログインユーザー ID を使用します。
String loginUserId = "123";
// コンソールからコピーしたトライアルトークン。
String shareToken = "xxxxx";
ARTCAICallController.launchCallActivity(currentActivity, shareToken, loginUserId, "");

iOS

ソースコードのダウンロードと統合

ソースコードをダウンロードするには、GitHub リポジトリにアクセスします。
AUIAICall のインポート: リポジトリからコードをダウンロードした後、iOS フォルダをアプリケーションのコードディレクトリにコピーします。フォルダ名を AUIAICall に変更し、Podfile と同じレベルに配置します。Example フォルダと AICallKit フォルダは削除できます。

Podfile を変更して、次のコンポーネントをインポートします：

AliVCSDK_ARTC：リアルタイムインタラクション用の音声/ビデオクライアントソフトウェア開発キット (SDK) です。AliVCSDK_Standard または AliVCSDK_InteractiveLive も使用できます。統合の詳細については、「iOS 用 SDK の統合」をご参照ください。
ARTCAICallKit：リアルタイム対話型 AI コールシナリオ用の SDK です。
AUIFoundation：基本的な UI コンポーネントです。
AUIAICall：AI コールシナリオ用の UI コンポーネントのソースコードです。

# iOS 11.0 以降が必要です。
platform :ios, '11.0'

target 'Your app target' do
    # ビジネスシナリオに基づいて、適切な音声/ビデオクライアント SDK を統合します。AliVCSDK_ARTC、AliVCSDK_Standard、および AliVCSDK_InteractiveLive がサポートされています。
    pod 'AliVCSDK_ARTC', '~> 7.10.0'

    # リアルタイム対話型 AI コールシナリオ用の SDK。
    pod 'ARTCAICallKit', '~> 2.11.0'

    # 基本的な UI コンポーネントのソースコード。
    pod 'AUIFoundation', :path => "./AUIAICall/AUIBaseKits/AUIFoundation/", :modular_headers => true

    # AI コールシナリオ用 UI コンポーネントのソースコード。
    pod 'AUIAICall',  :path => "./AUIAICall/"
end

説明

最新の ARTC SDK バージョン： 7.10.0
最新の AICallKit SDK バージョン： 2.11.0

pod install --repo-update を実行します。
ソースコードの統合は完了です。

統合コード

import AUIFoundation
import AUIAICall
// AI エージェントとの通話を開始します。このコードをボタンのクリックイベントハンドラーに追加します。
AUIAICallManager.defaultManager.checkDeviceAuth(agentType: .VisionAgent) {
    let topVC = viewController ?? UIViewController.av_top()
    let controller = AUIAICallStandardController(userId: "123")   // userId: RTC チャネルに参加するユーザーの ID。ビジネスシステムのログインユーザー ID を使用します。
    controller.agentShareInfo = "xxxxx"   // コンソールからコピーしたトライアルトークン。
    let vc = AUIAICallViewController(controller)
    vc.enableVoiceprintSwitch = false
    topVC.av_presentFullScreenViewController(vc, animated: true)
}