Getting Started
このプラグインのインストール手順とフルマークダウンガイドのセットアッププロンプトをコピーする。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-stream-call`, `@capgo/capacitor-streamcall`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/streamcall/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
「インストール」のセクションbun add @capgo/capacitor-stream-callbunx cap syncインポート
「インポート」のセクションimport { StreamCall } from '@capgo/capacitor-stream-call';API オーバービュー
「API オーバービュー」のセクションlogin
「ログイン」のセクションストリーミングビデオサービスにログイン
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.login({ token: 'your-token', userId: 'user-123', name: 'John Doe', apiKey: 'your-api-key'});logout
__CAPGO_KEEP_1____CAPGO_KEEP_2__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.logout();call
__CAPGO_KEEP_1____CAPGO_KEEP_3__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.call({ userId: 'user-456', type: 'video', ring: true});endCall
__CAPGO_KEEP_4____CAPGO_KEEP_0__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.endCall();joinCall
__CAPGO_KEEP_5____CAPGO_KEEP_0__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.joinCall({ callId: 'call001', callType: 'default' });setMicrophoneEnabled
「マイクを有効にする」を設定マイクを有効または無効
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setMicrophoneEnabled({ enabled: false });setCameraEnabled
「カメラを有効にする」を設定カメラを有効または無効
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setCameraEnabled({ enabled: false });enableBluetooth
ブルートゥースオーディオを有効クリップボードにコピー
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.enableBluetooth();acceptCall
着信中の通話を受け入れるSection titled “setMicrophoneEnabled”
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.acceptCall();rejectCall
__CAPGO_KEEP_1__ “rejectCall”__CAPGO_KEEP_2__のincoming callを拒否
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.rejectCall();isCameraEnabled
__CAPGO_KEEP_1__ “isCameraEnabled”__CAPGO_KEEP_2__のカメラが有効かどうか
import { StreamCall } from '@capgo/capacitor-stream-call';
const isCameraEnabled = await StreamCall.isCameraEnabled();console.log(isCameraEnabled);getCallStatus
__CAPGO_KEEP_1__ “getCallStatus”__CAPGO_KEEP_2__の現在の通話状況を取得
import { StreamCall } from '@capgo/capacitor-stream-call';
const callStatus = await StreamCall.getCallStatus();console.log(callStatus);getRingingCall
__CAPGO_KEEP_1__ “getRingingCall”__CAPGO_KEEP_2__の現在のringing callを取得
import { StreamCall } from '@capgo/capacitor-stream-call';
const ringingCall = await StreamCall.getRingingCall();console.log(ringingCall);toggleViews
__CAPGO_KEEP_1____CAPGO_KEEP_2__
import { StreamCall } from '@capgo/capacitor-stream-call';
const { newLayout } = await StreamCall.toggleViews();console.log(`Layout switched to ${newLayout}`);setSpeaker
__CAPGO_KEEP_1____CAPGO_KEEP_3__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setSpeaker({ name: 'speaker' });switchCamera
__CAPGO_KEEP_4____CAPGO_KEEP_0__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.switchCamera({ camera: 'back' });getCallInfo
__CAPGO_KEEP_5____CAPGO_KEEP_0__
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.getCallInfo({} as { callId: string });setDynamicStreamVideoApikey
「動的ストリームビデオAPIキーを設定する」セクション動的ストリームビデオAPI キーを設定して、静的キーを上書きします
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setDynamicStreamVideoApikey({ apiKey: 'new-api-key' });getDynamicStreamVideoApikey
「現在の動的ストリームビデオAPIキーを取得する」セクション現在設定されている動的ストリームビデオAPI キーを取得します
import { StreamCall } from '@capgo/capacitor-stream-call';
const result = await StreamCall.getDynamicStreamVideoApikey();if (result.hasDynamicKey) { console.log('Dynamic API key:', result.apiKey);} else { console.log('Using static API key from resources');}getCurrentUser
「現在のユーザー情報を取得する」セクション現在のユーザーの情報を取得します
import { StreamCall } from '@capgo/capacitor-stream-call';
const currentUser = await StreamCall.getCurrentUser();console.log(currentUser);型の参照
「型の参照」セクションLoginOptions
ログインオプションexport interface LoginOptions { /** Stream Video API token */ token: string; /** User ID for the current user */ userId: string; /** Display name for the current user */ name: string; /** Optional avatar URL for the current user */ imageURL?: string; /** Stream Video API key */ apiKey: string; /** ID of the HTML element where the video will be rendered */ magicDivId?: string; pushNotificationsConfig?: PushNotificationsConfig;}SuccessResponse
成功応答export interface SuccessResponse { /** Whether the operation was successful */ success: boolean; callId?: string;}CallOptions
コールオプションexport interface CallOptions { /** User ID of the person to call */ userIds: string[]; /** Type of call, defaults to 'default' */ type?: CallType; /** Whether to ring the other user, defaults to true */ ring?: boolean; /** Team name to call */ team?: string; /** Whether to start the call with video enabled, defaults to false */ video?: boolean; /** Custom data to be passed to the call */ custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;}CallEvent
コールイベントexport interface CallEvent { /** ID of the call */ callId: string; /** Current state of the call */ state: CallState; /** User ID of the participant in the call who triggered the event */ userId?: string; /** Reason for the call state change, if applicable */ reason?: string; /** Information about the caller (for incoming calls) */ caller?: CallMember; /** List of call members */ members?: CallMember[];
custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;
count?: number;}IncomingCallPayload
着信コールペイロードexport interface IncomingCallPayload { /** Full call CID (e.g. default:123) */ cid: string; /** Event type (currently always "incoming") */ type: 'incoming'; /** Information about the caller */ caller?: CallMember; /** Custom data to be passed to the call */ custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;
/** * Get the native Capacitor plugin version * * @returns {Promise<{ id: string }>} an Promise with version for this device * @throws An error if the something went wrong */ getPluginVersion(): Promise<{ version: string }>;}CameraEnabledResponse
カメラ有効応答export interface CameraEnabledResponse { enabled: boolean;}StreamCallLayout
StreamCallLayoutのセクションexport type StreamCallLayout = 'grid' | 'spotlight' | 'dynamic' | 'fullScreen' | 'fullscreen';DynamicApiKeyResponse
ダイナミックAPIキー応答のセクションexport interface DynamicApiKeyResponse { /** The dynamic API key if set, null if not */ apiKey: string | null; /** Whether a dynamic key is currently set */ hasDynamicKey: boolean;}CurrentUserResponse
現在ユーザー応答のセクションexport interface CurrentUserResponse { /** User ID of the current user */ userId: string; /** Display name of the current user */ name: string; /** Avatar URL of the current user */ imageURL?: string; /** Whether the user is currently logged in */ isLoggedIn: boolean;}PushNotificationsConfig
プッシュ通知設定のセクションexport interface PushNotificationsConfig { pushProviderName: string; voipProviderName: string;}CallType
コールタイプのセクションexport type CallType = 'default' | 'audio' | 'audio_room' | 'livestream' | 'development';CallState
コール状態のセクションexport type CallState = // User-facing states | 'idle' | 'ringing' | 'joining' | 'reconnecting' | 'joined' | 'leaving' | 'left' // Event-specific states | 'created' | 'session_started' | 'rejected' | 'participant_counts' | 'missed' | 'accepted' | 'ended' | 'camera_enabled' | 'camera_disabled' | 'speaker_enabled' | 'speaker_disabled' | 'microphone_enabled' | 'microphone_disabled' | 'outgoing_call_ended' | 'unknown';真実の源
「真実の源」というセクションこのページはプラグインから生成されています。 src/definitions.tsパブリック API がアップストリームで変更された場合に、再度 Sync を実行してください。
Getting Started から続けてください
「Getting Started から続けてください」というセクションCapacitor を使用している場合 Getting Started ダッシュボードと API の作業を計画するには、Capacitor を使用してください。 Capacitor を使用して、@capgo/capacitor-stream-call Capacitor を使用して、@capgo/capacitor-stream-call Capacitor の API の概要 実装詳細については API の概要を参照してください。 概要 実装詳細については概要を参照してください。 API キー 実装詳細については API キー、 デバイス 実装詳細についてはデバイスを参照してください。