はじめに
このプラグインのインストール手順と完全なMarkdownガイドを含むセットアッププロンプトをコピー
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-twilio-video`
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/twilio-video/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.
インストール
「Install」セクションAIアシストセットアップを使ってプラグインをインストールできます。以下のコマンドで、お使いのAIツールに Capgo スキルを追加してください:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins次に、以下のプロンプトを使用します:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-twilio-video` plugin in my project.手動セットアップを希望する場合は、以下のコマンドでプラグインをインストールし、下記のプラットフォーム別の手順に従ってください:
bun add @capgo/capacitor-twilio-videobunx cap syncインポート
「Import」セクションimport { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';クイックスタート
「Quick start」セクションimport { TwilioVideo } from '@capgo/capacitor-twilio-video';await TwilioVideo.login({ accessToken: 'token' });await TwilioVideo.joinRoom({ roomName: 'room' });よくある落とし穴
「Common pitfalls」セクション- トークンの発行はサーバー側のみで行ってください。
- カメラとマイクの使用権限をリクエストします。
- iOSのオーディオ割り込みを処理します。
API の概要
「API 概要」セクションlogin
「login」セクションバックエンドで発行されたTwilio Videoアクセストークンを保存・検証します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.login({ accessToken: 'access-token-123' });console.log(result);logout
「logout」セクションキャッシュされたアクセストークンをクリアし、アクティブなルームから退出します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.logout();console.log(result);isLoggedIn
「isLoggedIn」セクション有効な Twilio トークンがデバイスにキャッシュされているかを確認します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.isLoggedIn();// The result holds sensitive values: use it without logging it.joinRoom
「joinRoom」セクションTwilio ルームに参加し、プラグインのネイティブのアプリ内通話オーバーレイを表示します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.joinRoom({ roomName: 'room' });console.log(result);leaveRoom
「leaveRoom」セクション接続されている場合は、現在のルームから退出します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.leaveRoom();console.log(result);setMicrophoneEnabled
「setMicrophoneEnabled」セクションローカルマイクの配信を有効/無効にします。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.setMicrophoneEnabled({ enabled: true });console.log(result);setCameraEnabled
「setCameraEnabled」セクションローカルカメラの配信を有効/無効にします。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.setCameraEnabled({ enabled: true });console.log(result);getCallStatus
「getCallStatus」セクション現在のルーム名、メディア状態、参加者数を返します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.getCallStatus();// The result holds sensitive values: use it without logging it.checkMicrophonePermission
「checkMicrophonePermission」セクションマイクの権限状態を確認します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.checkMicrophonePermission();console.log(result);requestMicrophonePermission
「requestMicrophonePermission」セクションマイクの使用権限をリクエストします。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.requestMicrophonePermission();console.log(result);checkCameraPermission
「checkCameraPermission」セクションカメラの使用権限の状態を確認します。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.checkCameraPermission();console.log(result);requestCameraPermission
「requestCameraPermission」セクションカメラの使用権限をリクエストします。
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.requestCameraPermission();console.log(result);信頼できる情報源
「信頼できる情報源」セクションこのページはプラグインの src/definitions.tsから生成されています。上流で公開 API が変更されたら、sync を再実行してください。
Getting Started から続ける
「Getting Started からの続き」セクション以下を使用している場合: はじめに ネイティブのメディアとインターフェースの挙動を計画するには、これを次と連携させてください: @capgo/capacitor-twilio-video の使用方法 @capgo/capacitor-twilio-video を使用してネイティブ機能を利用する場合、 @capgo/capacitor-live-activities の使用 @capgo/capacitor-live-activities を使用したネイティブ機能について、 @capgo/capacitor-live-activities @capgo/capacitor-live-activities の実装詳細について、 @capgo/capacitor-video-player の使用 @capgo/capacitor-video-player を使用したネイティブ機能、および @capgo/capacitor-video-player @capgo/capacitor-video-player. の実装詳細