ローカル機能を取得する

SDK のインストール

npm install コマンドを使用して、JavaScript 用の Azure Communication Services の Common SDK と Calling SDK をインストールします。

npm install @azure/communication-common --save
npm install @azure/communication-calling --save

必要なオブジェクトを初期化する

CallClient インスタンスは、ほとんどの通話操作に必要です。 新しい CallClient インスタンスを作成する際に、Logger インスタンスなどのカスタム オプションを使用してこれを構成できます。

CallClient インスタンスでは、CallAgent を呼び出すことで createCallAgent インスタンスを作成できます。 このメソッドでは、非同期的に CallAgent インスタンス オブジェクトが返されます。

createCallAgent メソッドでは、CommunicationTokenCredential が引数として使用されます。 これは、ユーザー アクセス トークンを受け取ります。

getDeviceManager インスタンスで CallClient メソッドを使用して、deviceManager にアクセスできます。

const { CallClient } = require('@azure/communication-calling');
const { AzureCommunicationTokenCredential} = require('@azure/communication-common');
const { AzureLogger, setLogLevel } = require("@azure/logger");

// Set the logger's log level
setLogLevel('verbose');

// Redirect log output to console, file, buffer, REST API, or whatever ___location you want
AzureLogger.log = (...args) => {
    console.log(...args); // Redirect log output to console
};

const userToken = '<USER_TOKEN>';
callClient = new CallClient(options);
const tokenCredential = new AzureCommunicationTokenCredential(userToken);
const callAgent = await callClient.createCallAgent(tokenCredential, {displayName: 'optional Azure Communication Services user name'});
const deviceManager = await callClient.getDeviceManager()

Microsoft インフラストラクチャへの SDK 接続を管理する

Call Agent インスタンスは、(呼び出しを結合または開始するために) 呼び出しを管理するのに役立ちます。 呼び出しの SDK を機能させるには、Microsoft インフラストラクチャに接続して着信呼び出しの通知を取得し、他の呼び出しの詳細を調整する必要があります。 Call Agent には、次の 2 つの状態があります。

接続済み - Call Agent の Connected connectionStatue 値は、クライアント SDK が接続されており、Microsoft インフラストラクチャから通知を受信できることを意味します。

切断済み - Call Agent の Disconnected connectionStatue 値は、SDK の正常な接続を妨げる問題があることを示します。 Call Agent を再作成する必要があります。

• invalidToken: トークンが有効期限切れであるか、無効な場合、Call Agent インスタンスがこのエラーで切断されます。
• connectionIssue: クライアントが Microsoft インフラストラクチャに接続する際に問題が発生した場合、多数の再試行ののちに Call Agent に connectionIssue エラーが表示されます。

Call Agent プロパティの現在の値を調べて、ローカル connectionState が Microsoft インフラストラクチャに接続されているかどうかを確認できます。 アクティブな呼び出し中に、connectionStateChanged イベントをリッスンして、Call Agent の状態が接続から切断に変化するかどうかを判断できます。

const connectionState = callAgentInstance.connectionState;
console.log(connectionState); // it may return either of 'Connected' | 'Disconnected'

const connectionStateCallback = (args) => {
    console.log(args); // it will return an object with oldState and newState, each of having a value of either of 'Connected' | 'Disconnected'
    // it will also return reason, either of 'invalidToken' | 'connectionIssue'
}
callAgentInstance.on('connectionStateChanged', connectionStateCallback);

機能を表示する機能は、コア Call API の拡張機能です。 これにより、現在の通話でローカル参加者の機能を取得できます。

この機能を使用すると、イベント リスナーに登録して、機能の変更をリッスンできます。

Capabilities 機能を取得する

const capabilitiesFeature = this.call.feature(Features.Capabilities);

ローカル参加者の機能を取得する

Capabilities オブジェクトには、ローカル参加者の機能が含まれており、型は ParticipantCapabilities です。 Capabilities のプロパティとして以下があります。

• isPresent は機能が存在するかどうかを示します。
• reason は機能の解決理由を示します。

const capabilities =  capabilitiesFeature.capabilities;

capabilitiesChanged イベントにサブスクライブします:

capabilitiesFeature.on('capabilitiesChanged', (capabilitiesChangeInfo) => {
    for (const [key, value] of Object.entries(capabilitiesChangeInfo.newValue)) {
        if(key === 'turnVideoOn' && value.reason != 'FeatureNotSupported') {
             (value.isPresent) ? this.setState({ canOnVideo: true }) : this.setState({ canOnVideo: false });
             continue;
        }
        if(key === 'unmuteMic' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canUnMuteMic: true }) : this.setState({ canUnMuteMic: false });
            continue;
        }
        if(key === 'shareScreen' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canShareScreen: true }) : this.setState({ canShareScreen: false });
            continue;
        }
        if(key === 'spotlightParticipant' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canSpotlight: true }) : this.setState({ canSpotlight: false });
            continue;
        }
        if(key === 'raiseHand' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canRaiseHands: true }) : this.setState({ canRaiseHands: false });
            continue;
        }
        if(key === 'muteOthers' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canMuteOthers: true }) : this.setState({ canMuteOthers: false });
            continue;
        }
        if(key === 'reaction' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canReact: true }) : this.setState({ canReact: false });
            continue;
        }
        if(key === 'forbidOthersAudio' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canForbidOthersAudio: true }) : this.setState({ canForbidOthersAudio: false });
            continue;
        }
        if(key === 'forbidOthersVideo' && value.reason != 'FeatureNotSupported') {
            (value.isPresent) ? this.setState({ canForbidOthersVideo: true }) : this.setState({ canForbidOthersVideo: false });
            continue;
        }
    }
});

機能を公開

• turnVideoOn: ビデオをオンにする機能
• unmuteMic: オーディオを送信する機能
• shareScreen: 画面を共有する機能
• removeParticipant: 参加者を除去する機能
• hangUpForEveryOne: 誰に対しても電話を切る機能
• addCommunicationUser: 通信ユーザーを追加する機能
• addTeamsUser: チーム ユーザーを追加する機能
• addPhoneNumber: 電話番号を追加する機能
• manageLobby: ロビーを管理する機能 (ベータ版のみ)
• spotlightParticipant: 参加者にスポットライトを当てる機能 (ベータ版のみ)
• removeParticipantsSpotlight: 参加者スポットライトを除去する機能 (ベータ版のみ)
• startLiveCaptions: ライブ キャプションを開始する機能 (ベータ版のみ)
• stopLiveCaptions: ライブ キャプションを停止する機能 (ベータ版のみ)
• raiseHand: 手を上げる機能 (ベータ版のみ)
• muteOthers: 会議のリモート参加者をソフト ミュートする機能
• リアクション: 会議でリアクションする機能 (ベータ版のみ)
• viewAttendeeNames: 会議で出席者の名前を表示する機能
• forbidOthersAudio: 会議またはグループ通話で出席者の音声を禁止する機能
• forbidOthersVideo: 会議またはグループ通話で出席者のビデオを禁止する機能

SDK のインストール

プロジェクト レベルの build.gradle ファイルを見つけて、mavenCentral() と buildscript の下のリポジトリの一覧に allprojects を追加します。

buildscript {
    repositories {
    ...
        mavenCentral()
    ...
    }
}

allprojects {
    repositories {
    ...
        mavenCentral()
    ...
    }
}

次に、モジュール レベルの build.gradle ファイルで、次の行を dependencies セクションに追加します。

dependencies {
    ...
    implementation 'com.azure.android:azure-communication-calling:1.0.0'
    ...
}

必要なオブジェクトを初期化する

CallAgent インスタンスを作成するには、createCallAgent インスタンス上で CallClient メソッドを呼び出す必要があります。 この呼び出しは、CallAgent インスタンス オブジェクトを非同期に返します。

createCallAgent メソッドは、CommunicationUserCredentialをカプセル化する を引数として受け取ります。

DeviceManager にアクセスするには、まず callAgent インスタンスを作成する必要があります。 それから、CallClient.getDeviceManager メソッドを使用して DeviceManager を取得することができます。

String userToken = '<user token>';
CallClient callClient = new CallClient();
CommunicationTokenCredential tokenCredential = new CommunicationTokenCredential(userToken);
android.content.Context appContext = this.getApplicationContext(); // From within an activity, for instance
CallAgent callAgent = callClient.createCallAgent(appContext, tokenCredential).get();
DeviceManager deviceManager = callClient.getDeviceManager(appContext).get();

呼び出し元の表示名を設定するには、この代替メソッドを使用します。

String userToken = '<user token>';
CallClient callClient = new CallClient();
CommunicationTokenCredential tokenCredential = new CommunicationTokenCredential(userToken);
android.content.Context appContext = this.getApplicationContext(); // From within an activity, for instance
CallAgentOptions callAgentOptions = new CallAgentOptions();
callAgentOptions.setDisplayName("Alice Bob");
DeviceManager deviceManager = callClient.getDeviceManager(appContext).get();
CallAgent callAgent = callClient.createCallAgent(appContext, tokenCredential, callAgentOptions).get();

機能を表示する機能は、コア Call API の拡張機能です。 これにより、現在の通話でローカル参加者の機能を取得できます。

この機能を使用すると、イベント リスナーに登録して、機能の変更をリッスンできます。

Windows 用の Capabilities 通話機能を使用するための最初の手順は、Capabilities 機能 API オブジェクトを取得することです。

Capabilities 機能を取得する

private CapabilitiesCallFeature capabilitiesCallFeature;
capabilitiesCallFeature = call.feature(Features.CAPABILITIES);

ローカル参加者の機能を取得する

Capabilities オブジェクトには、ローカル参加者の機能が含まれており、型は ParticipantCapability です。 Capabilities のプロパティとして以下があります。

• isAllowed は、機能を使用できるかどうかを示します。
• reason は機能の解決理由を示します。

List<ParticipantCapability> capabilities = capabilitiesCallFeature.getCapabilities();

capabilitiesChanged イベントにサブスクライブする

capabilitiesCallFeature.addOnCapabilitiesChangedListener(this::OnCapabilitiesChanged);

private void OnCapabilitiesChanged(CapabilitiesChangedEvent args)
{
    String event = String.format("Capabilities Event: %s", args.getReason().toString());
    Log.i("CapabilitiesInfo", event);
    for (ParticipantCapability capability : args.getChangedCapabilities())
    {
        Log.i("CapabilitiesInfo", capability.getType().toString() + " is " capability.getReason().toString());
    }
}

機能を公開

• TurnVideoOn: ビデオをオンにする機能
• UnmuteMicrophone: マイクのミュート解除を行う機能
• ShareScreen: 画面を共有する機能
• RemoveParticipant: 参加者を削除する機能
• HangUpForEveryone: 全員に対して通話を切断する機能
• AddCommunicationUser: 通信ユーザーを追加する機能
• AddTeamsUser: Teams ユーザーを追加する機能
• AddPhoneNumber: 電話番号を追加する機能
• ManageLobby: ロビーを管理する機能
• SpotlightParticipant: 参加者にスポットライトを当てる機能
• RemoveParticipantSpotlight: 参加者のスポットライトを削除する機能
• BlurBackground: 背景をぼかす機能
• CustomBackground: カスタム背景を適用する機能
• StartLiveCaptions: ライブ キャプションを開始する機能
• RaiseHand: 挙手する機能
• MuteOthers: 会議のリモート参加者をソフトミュートする機能

システムを設定する

次の手順のようにして、システムを設定します。

Visual Studio プロジェクトの作成

ユニバーサル Windows プラットフォーム アプリの場合は、Visual Studio 2022 で、新しい空のアプリ (ユニバーサル Windows) プロジェクトを作成します。 プロジェクト名を入力した後、10.0.17763.0 より後の Windows SDK を自由に選択できます。

WinUI 3 アプリの場合、Blank App, Packaged (WinUI 3 in Desktop) テンプレートで新しいプロジェクトを作成し、シングルページの WinUI 3 アプリを設定します。 Windows App SDK バージョン 1.3 以降が必要です。

NuGet パッケージ マネージャーを使用してパッケージと依存関係をインストールする

Calling SDK の API とライブラリは、NuGet パッケージにより一般公開されています。

Calling SDK NuGet パッケージを検索、ダウンロード、インストールするには:

1. [ツール]>[NuGet パッケージ マネージャー]>[ソリューションの NuGet パッケージの管理] を選んで、NuGet パッケージ マネージャーを開きます。
2. [参照] を選んでから、検索ボックスに「Azure.Communication.Calling.WindowsClient」と入力します。
3. [プレリリースを含める] チェックボックスがオンになっていることを確認します。
4. Azure.Communication.Calling.WindowsClient パッケージを選び、Azure.Communication.Calling.WindowsClient1.4.0-beta.1 以降のバージョンを選びます。
5. 右側のペインで、Azure Communication Services プロジェクトに対応するチェックボックスをオンにします。
6. [インストール] を選択します。

機能を表示する機能は、コア Call API の拡張機能です。 これにより、現在の通話でローカル参加者の機能を取得できます。

この機能を使用すると、イベント リスナーに登録して、機能の変更をリッスンできます。

Windows の Capabilities 呼び出し機能を使用するには、最初に Capabilities 機能 API オブジェクトを取得します。

Capabilities 機能を取得する

private CapabilitiesCallFeature capabilitiesCallFeature;
capabilitiesCallFeature = call.Features.Capabilities;

ローカル参加者の機能を取得する

Capabilities オブジェクトには、ローカル参加者の機能が含まれており、型は ParticipantCapability です。 Capabilities のプロパティとして以下があります。

• isAllowed は、機能を使用できるかどうかを示します。
• reason は機能の解決理由を示します。

var capabilities = capabilitiesCallFeature.Capabilities;

capabilitiesChanged イベントにサブスクライブする

capabilitiesCallFeature.CapabilitiesChanged += Call__OnCapabilitiesChangedAsync;

private async void Call__OnCapabilitiesChangedAsync(object sender, CapabilitiesChangedEventArgs args)
{
    Trace.WriteLine(args.Reason.ToString());
    foreach (var capability in args.ChangedCapabilities)
    {
        //Prints out capability kind and resolution reason in console
        Trace.WriteLine(capability.Kind.ToString() + " is " + capability.Reason.ToString());
    }
}

機能を公開

• TurnVideoOn: ビデオをオンにする機能
• UnmuteMicrophone: マイクのミュート解除を行う機能
• ShareScreen: 画面を共有する機能
• RemoveParticipant: 参加者を削除する機能
• HangUpForEveryone: 全員に対して通話を切断する機能
• AddCommunicationUser: 通信ユーザーを追加する機能
• AddTeamsUser: Teams ユーザーを追加する機能
• AddPhoneNumber: 電話番号を追加する機能
• ManageLobby: ロビーを管理する機能
• SpotlightParticipant: 参加者にスポットライトを当てる機能
• RemoveParticipantSpotlight: 参加者のスポットライトを削除する機能
• BlurBackground: 背景をぼかす機能
• CustomBackground: カスタム背景を適用する機能
• StartLiveCaptions: ライブ キャプションを開始する機能
• RaiseHand: 挙手する機能
• MuteOthers: 会議のリモート参加者をソフトミュートする機能

システムを設定する

次の手順のようにして、システムを設定します。

Xcode プロジェクトを作成する

Xcode で、新しい iOS プロジェクトを作成し、[単一ビュー アプリ] テンプレートを選択します。 この記事では SwiftUI フレームワークを使うので、[言語] を [Swift] に、[インターフェイス] を [SwiftUI] に設定する必要があります。

この記事では、テストは作成しません。 [Include Tests] チェック ボックスはオフにしてもかまいません。

CocoaPods を使用してパッケージと依存関係をインストールする

1. この例のように、アプリケーション用の Podfile を作成します。

   platform :ios, '13.0'
   use_frameworks!
   target 'AzureCommunicationCallingSample' do
       pod 'AzureCommunicationCalling', '~> 1.0.0'
   end
   

2. pod install を実行します。

3. Xcode を使用して .xcworkspace を開きます。

マイクへのアクセスを要求する

デバイスのマイクにアクセスするには、NSMicrophoneUsageDescription を使用してアプリの情報プロパティ一覧を更新する必要があります。 関連付けられる値には、システムがユーザーにアクセスを要求するために使うダイアログに含まれる文字列を設定します。

プロジェクト ツリーの [Info.plist] エントリを右クリックし、[Open As]> を選択します。 最上位の <dict> セクションに以下の行を追加してから、ファイルを保存します。

<key>NSMicrophoneUsageDescription</key>
<string>Need microphone access for VOIP calling.</string>

アプリのフレームワークを設定する

プロジェクトの ContentView.swift ファイルを開きます。 ファイルの先頭に import 宣言を追加して、AzureCommunicationCalling ライブラリをインポートします。 さらに、AVFoundation をインポートします。 これは、コードでのオーディオ アクセス許可の要求に必要です。

import AzureCommunicationCalling
import AVFoundation

CallAgent を初期化する

CallAgent から CallClient インスタンスを作成するには、初期化された後に callClient.createCallAgent オブジェクトを非同期に返す CallAgent メソッドを使用する必要があります。

通話クライアントを作成するには、CommunicationTokenCredential オブジェクトを渡します。

import AzureCommunication

let tokenString = "token_string"
var userCredential: CommunicationTokenCredential?
do {
    let options = CommunicationTokenRefreshOptions(initialToken: token, refreshProactively: true, tokenRefresher: self.fetchTokenSync)
    userCredential = try CommunicationTokenCredential(withOptions: options)
} catch {
    updates("Couldn't created Credential object", false)
    initializationDispatchGroup!.leave()
    return
}

// tokenProvider needs to be implemented by Contoso, which fetches a new token
public func fetchTokenSync(then onCompletion: TokenRefreshOnCompletion) {
    let newToken = self.tokenProvider!.fetchNewToken()
    onCompletion(newToken, nil)
}

作成した CommunicationTokenCredential オブジェクトを CallClient に渡し、表示名を設定します。

self.callClient = CallClient()
let callAgentOptions = CallAgentOptions()
options.displayName = " iOS Azure Communication Services User"

self.callClient!.createCallAgent(userCredential: userCredential!,
    options: callAgentOptions) { (callAgent, error) in
        if error == nil {
            print("Create agent succeeded")
            self.callAgent = callAgent
        } else {
            print("Create agent failed")
        }
})

機能を表示する機能は、コア Call API の拡張機能です。 これにより、現在の通話でローカル参加者の機能を取得できます。

この機能を使用すると、イベント リスナーに登録して、機能の変更をリッスンできます。

Windows の Capabilities 呼び出し機能を使用するには、最初に Capabilities 機能 API オブジェクトを取得します。

Capabilities 機能を取得する

let capabilitiesCallFeature =call.feature(Features.capabilities)

ローカル参加者の機能を取得する

Capabilities オブジェクトには、ローカル参加者の機能が含まれており、型は ParticipantCapability です。 Capabilities のプロパティとして以下があります。

• isAllowed は、機能を使用できるかどうかを示します。
• reason は機能の解決理由を示します。

var capabilities = capabilitiesCallFeature.capabilities

capabilitiesChanged イベントにサブスクライブする

capabilitiesCallFeature.delegate = CapabilitiesCallDelegate()

public class CapabilitiesCallDelegate : CapabilitiesCallFeatureDelegate
{
    public func capabilitiesCallFeature(_ capabilitiesCallFeature: CapabilitiesCallFeature, didChangeCapabilities args: CapabilitiesChangedEventArgs) {
        let changedReason = args.reason
        let changedCapabilities = args.changedCapabilities
    }
}

機能を公開

• TurnVideoOn: ビデオをオンにする機能
• UnmuteMicrophone: マイクのミュート解除を行う機能
• ShareScreen: 画面を共有する機能
• RemoveParticipant: 参加者を削除する機能
• HangUpForEveryone: 全員に対して通話を切断する機能
• AddCommunicationUser: 通信ユーザーを追加する機能
• AddTeamsUser: Teams ユーザーを追加する機能
• AddPhoneNumber: 電話番号を追加する機能
• ManageLobby: ロビーを管理する機能
• SpotlightParticipant: 参加者にスポットライトを当てる機能
• RemoveParticipantSpotlight: 参加者のスポットライトを削除する機能
• BlurBackground: 背景をぼかす機能
• CustomBackground: カスタム背景を適用する機能
• StartLiveCaptions: ライブ キャプションを開始する機能
• RaiseHand: 挙手する機能
• MuteOthers: 会議のリモート参加者をソフトミュートする機能