Zum Hauptinhalt springen
@capgo/capacitor-Twilio-Video Kommunikation Open Source

Twilio Video Plugin für Capacitor

Mit Capacitor können Sie sich Twilio Video-Räume mit nativer Audio, Kamera und Räume-Lifecycle-Events anschließen

Installieren

bun add @capgo/capacitor-twilio-video bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-twilio-video
  • pnpm add @capgo/capacitor-twilio-video
  • yarn add @capgo/capacitor-twilio-video

Richtlinie

Verwendung von Twilio Video in Capacitor

Verwendung von @capgo/capacitor-twilio-video

Capacitor API für das Beitreten von Twilio Video-Räumen mit einer nativen in-app-Anrufoberfläche.

Installieren

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

bunx cap sync kopiert die Plugin-code in Ihre native Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

API im Überblick

Methode Beschreibung
login Speichern und überprüfen Sie einen von Ihrem Backend generierten Twilio-Video-Zugriffstoken.
logout Löschen Sie das gecachte Zugriffstoken und verlassen Sie den aktiven Raum.
isLoggedIn Überprüfen Sie, ob ein gültiger Twilio-Token auf dem Gerät gecacht ist.
joinRoom Beteile dich an einem Twilio-Raum und präsentiere das Plugin mit seinem nativen in-app-Überlagerungsansicht.
leaveRoom Verlasse den aktuellen Raum, wenn verbunden.
setMicrophoneEnabled Aktivieren/Sperren Sie die lokale Mikrofonveröffentlichung.
setCameraEnabled Aktivieren/Sperren Sie die lokale Kamera-Veröffentlichung.
getCallStatus Rufen Sie den aktuellen Raumnamen, Medienstatus und Teilnehmerzähler ab.
checkMicrophonePermission Überprüfen Sie den Mikrofonberechtigungsstatus.
requestMicrophonePermission Bitten Sie um Mikrofonberechtigung.
checkCameraPermission Überprüfen Sie den Zustand der Kamera-Berechtigung.
requestCameraPermission Berechtigung für die Kamera anfordern.

Beispiele

login()

Ein Twilio-Video-Zugriffstoken speichern und validieren, das von Ihrem Backend generiert wurde.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.login({ accessToken: 'access-token-123' });
console.log(result);

logout()

Den im Cache gespeicherten Zugriffstoken löschen und den aktiven Raum verlassen.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.logout();
console.log(result);

isLoggedIn()

Überprüfen Sie, ob ein gültiger Twilio-Token derzeit auf dem Gerät im Cache ist.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.isLoggedIn();
// The result holds sensitive values: use it without logging it.

joinRoom()

Beteilige dich an einem Twilio-Raum und präsentiere das native in-app-Überblendungsfenster des Plugins.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.joinRoom({ roomName: 'room' });
console.log(result);

leaveRoom()

Verlasse den aktuellen Raum, wenn verbunden.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.leaveRoom();
console.log(result);

setMicrophoneEnabled()

Aktivieren/Schalten Sie die lokale Mikrofonveröffentlichung.

import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';

const result = await CapacitorTwilioVideo.setMicrophoneEnabled({ enabled: true });
console.log(result);

Die Tabelle oben listet die 12 Kernmethoden auf. Helfer für Listener und Versionen sowie die vollständige Vertragsstruktur jeder Methode sind im GitHub Repository.

Zu Ereignissen hören

addListener erhält eine Verbindung. Aufrufen handle.remove() wenn das Bildschirmfenster sich auflöst oder CapacitorTwilioVideo.removeAllListeners() um alle Listener zu löschen.

Vollständige Referenz

Weitermachen von @capgo/capacitor-twilio-video

Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-twilio-video verwenden Verwendung von @capgo/capacitor-twilio-video Um native Medien- und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-Twilio-Video für die Implementierungsdetails in @capgo/capacitor-twilio-video, Getting Started für die Implementierungsdetails in Einstieg, Verwendung von @capgo/capacitor-live-aktivitäten für die native Fähigkeit in Verwendung von @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten für die Implementierungsdetails in @capgo/capacitor-live-aktivitäten und Verwendung von @capgo/capacitor-video-player für die native Fähigkeit in Verwendung von @capgo/capacitor-video-player.

FAQ

Twilio Video Plugin FAQ

Wie installiere ich die Twilio Video-Plugin in einer Capacitor-App?

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

Funktioniert @capgo/capacitor-twilio-video mit React, Vue und Angular?

Ja. Twilio Video ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-twilio-video?

Capgo-Plugins folgen der Capacitor-Majorsversion: Wählen Sie die Plugin-Majorsversion, die Ihrer Capacitor-Majorsversion entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitätsübersicht im GitHub-README enthält die unterstützten Versionen.

Is @capgo/capacitor-twilio-video kostenlos und Open-Source?

Ja. Der Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-twilio-video/ verfügbar und das Paket kann kostenlos installiert werden von npm. Bugberichte und Pull Requests sind willkommen.

Kann ich code mit Twilio Video aktualisieren, ohne eine App-Store-Bewertung abzuwarten?

Die Installation oder Aktualisierung des Plugins ändert die native code, daher ist eine neue App-Store-Build erforderlich. Danach können JavaScript-, HTML- und CSS-Änderungen, die den Pluginaufruf enthalten, sofort mit Capgo-Live-Updates verschickt werden.

Schicke Twilio-Video-Änderungen ohne auf die App-Überprüfung zu warten

Einmal der Plugin in deinem Store-Builder installiert, Capgo-Live-Updates drücken deine JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Mit Capgo beginnen