メインコンテンツにジャンプ
@capgo/capacitor-twilio-voice コミュニケーション オープンソース

Twilio Voice Capacitor プラグイン

Twilio Voice を使用して、Twilio Voice を使用してアプリ内で VoIP 通話を実行する機能

インストール

bun add @capgo/capacitor-twilio-voice bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-twilio-voice
  • pnpm add @capgo/capacitor-twilio-voice
  • yarn add @capgo/capacitor-twilio-voice

ガイド

How to use Twilio Voice in Capacitor

Using @capgo/capacitor-twilio-voice

Twilio Voice SDKをCapacitorに統合

Install

bun add @capgo/capacitor-twilio-voice
bunx cap sync

bunx cap sync プラグインのネイティブcodeをプロジェクトにコピーします。プラグインのアップグレード後も再度実行してください。

Import

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

APIの概要

Method Description
login Twilio Voiceを使用してユーザーを認証します。
logout Twilio Voiceからログアウトし、ユーザーをアンレジスターします。
isLoggedIn Twilio Voiceにログインしているか、有効なアクセストークンを持っているかどうかを確認します。
makeCall 電話番号またはクライアントに電話をかける
acceptCall 着信を受け入れる
rejectCall 着信を拒否する
endCall 現在の通話を終了する
muteCall マイクをミュートまたはミュート解除する
setSpeaker スピーカーモードを有効または無効にする
getCallStatus 現在の通話のステータスを取得する
checkMicrophonePermission マイクの許可が与えられているかどうかを確認する
requestMicrophonePermission マイクの許可をユーザーから要求する

例

login()

Twilio Voiceを使用してユーザーを認証する

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

const result = await CapacitorTwilioVoice.login({
  accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'
});
console.log('Login successful:', result.success);

logout()

現在のユーザーをログアウトし、Twilio Voiceから登録を解除する

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

const result = await CapacitorTwilioVoice.logout();
console.log('Logout successful:', result.success);

isLoggedIn()

ログイン中のユーザーが有効なアクセストークンを持っているかどうかを確認します。

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

const status = await CapacitorTwilioVoice.isLoggedIn();
if (status.isLoggedIn && status.hasValidToken) {
  console.log('User identity:', status.identity);
} else {
  // Re-authenticate the user
}

makeCall()

電話番号またはクライアントへの出発コールを開始します。

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

// Call a phone number
const result = await CapacitorTwilioVoice.makeCall({
  to: '+1234567890'
});
console.log('Call SID:', result.callSid);

// Call another Twilio client with a readable name for CallKit Recents
await CapacitorTwilioVoice.makeCall({
  to: 'client:alice',
  displayName: 'Alice Smith'
});

// Call a PSTN number using a specific caller ID
await CapacitorTwilioVoice.makeCall({
  to: '+1234567890',
  callerId: '+10987654321'
});

acceptCall()

着信コールを受け入れます。

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

CapacitorTwilioVoice.addListener('callInviteReceived', async (data) => {
  console.log('Incoming call from:', data.from);
  const result = await CapacitorTwilioVoice.acceptCall({
    callSid: data.callSid
  });
  console.log('Call accepted:', result.success);
});

rejectCall()

着信コールを拒否します。

import { CapacitorTwilioVoice } from '@capgo/capacitor-twilio-voice';

CapacitorTwilioVoice.addListener('callInviteReceived', async (data) => {
  if (shouldRejectCall(data.from)) {
    await CapacitorTwilioVoice.rejectCall({
      callSid: data.callSid
    });
  }
});

上の表には、12の基本メソッドがリストされています。リスナーとバージョンヘルパー、各メソッドの完全な契約書は、__CAPGO_KEEP_0__ リポジトリにドキュメントされています。 GitHub リポジトリ.

イベントをリスンします。

addListener ハンドルを返します。画面がアンマウントされたとき、またはリスナーをすべてクリアしたときに呼び出してください。 handle.remove() フルリファレンス CapacitorTwilioVoice.removeAllListeners() Full reference

フルリファレンス

@capgo/capacitor-twilio-voiceを継続して使用

Capacitor-Twilio Voice を使用している場合 Using @capgo/capacitor-twilio-voice Capacitor-Twilio Voice を使用して @capgo/capacitor-Twilio-voice Capacitor-Twilio-Voice の実装詳細は @capgo/capacitor-twilio-voice にあります。 Capacitor-Twilio Voice を使用して Capacitor-Twilio Voice を使用して Capgo プラグインディレクトリ for the product workflow in Capgo Plugin Directory, Capacitor Capgo for Capacitor の実装詳細については、Capgo によって提供されるプラグインを参照してください。 プラグインの追加または更新 プラグインの追加または更新の実装詳細

FAQ

Twilio VoiceプラグインのFAQ

Capacitor-Twilio Voice プラグインをどのように Capacitor アプリにインストールするか。

Run "bun add @capgo/capacitor-twilio-voice" (or "npm install @capgo/capacitor-twilio-voice"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-twilio-voice" in your app code.

Does @capgo/capacitor-twilio-voice work with React, Vue and Angular?

Yes. Twilio Voice is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-twilio-voice support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Is @capgo/capacitor-twilio-voice free and open source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-twilio-voice/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Twilio Voiceを使用するcodeをApp Storeのレビューなしでアップデートできますか?

codeのインストールまたはアップグレードはネイティブcodeを変更するため、新しいストアビルドが必要になります。その後、プラグインを呼び出すJavaScript、HTML、CSSの変更はCapgoのライブアップデートとともに即時で配信できます。

Twilio Voiceの変更をアプリレビューの待たなくして配信する

このプラグインをストアに追加すると、Capgoのライブアップデートにより、ユーザーにJavaScript、HTML、CSSの変更を数分で反映させることができます。

Capgoから始めます