Prise en main
Copiez un prompt de configuration incluant les étapes d'installation et le guide markdown complet pour ce plugin.
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.
Installer
Section intitulée « Installation »Vous pouvez utiliser notre configuration assistée par IA pour installer le plugin. Ajoutez les skills Capgo à votre outil d'IA avec la commande suivante :
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsUtilisez ensuite le prompt suivant :
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-twilio-video` plugin in my project.Si vous préférez une installation manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à chaque plateforme ci-dessous :
bun add @capgo/capacitor-twilio-videobunx cap syncImporter
Section intitulée « Import »import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';Démarrage rapide
Section intitulée « Démarrage rapide »import { TwilioVideo } from '@capgo/capacitor-twilio-video';await TwilioVideo.login({ accessToken: 'token' });await TwilioVideo.joinRoom({ roomName: 'room' });Erreurs courantes
Section intitulée « Erreurs courantes »- Générez les tokens uniquement sur votre serveur.
- Demandez les permissions pour la caméra et le micro.
- Gérez les interruptions audio sur iOS.
Aperçu de API
Section intitulée « Aperçu API »Stockez et validez un token d'accès Twilio Video généré par votre backend.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.login({ accessToken: 'access-token-123' });console.log(result);Effacez le token d'accès en cache et quittez la room active.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.logout();console.log(result);isLoggedIn
Section intitulée « isLoggedIn »Vérifiez si un token Twilio valide est actuellement en cache sur l'appareil.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.isLoggedIn();// The result holds sensitive values: use it without logging it.joinRoom
Section intitulée « joinRoom »Rejoignez une salle Twilio et affichez l'overlay d'appel natif du plugin.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.joinRoom({ roomName: 'room' });console.log(result);leaveRoom
Section intitulée « leaveRoom »Quittez la room actuelle si vous êtes connecté.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.leaveRoom();console.log(result);setMicrophoneEnabled
Section intitulée « setMicrophoneEnabled »Activer/désactiver la diffusion du micro local.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.setMicrophoneEnabled({ enabled: true });console.log(result);setCameraEnabled
Section intitulée « setCameraEnabled »Activer/désactiver la diffusion de la caméra locale.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.setCameraEnabled({ enabled: true });console.log(result);getCallStatus
Section intitulée « getCallStatus »Récupérez le nom de la room, l'état des médias et le nombre de participants.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.getCallStatus();// The result holds sensitive values: use it without logging it.checkMicrophonePermission
Section intitulée « checkMicrophonePermission »Vérifiez l'état des permissions du micro.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.checkMicrophonePermission();console.log(result);requestMicrophonePermission
Section intitulée « requestMicrophonePermission »Demander la permission d'utiliser le microphone.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.requestMicrophonePermission();console.log(result);checkCameraPermission
Section intitulée « checkCameraPermission »Vérifier l'état de l'autorisation de la caméra.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.checkCameraPermission();console.log(result);requestCameraPermission
Section intitulée « requestCameraPermission »Demander la permission d'utiliser la caméra.
import { CapacitorTwilioVideo } from '@capgo/capacitor-twilio-video';
const result = await CapacitorTwilioVideo.requestCameraPermission();console.log(result);Source de vérité
Section intitulée « Source de vérité »Cette page est générée à partir de src/definitions.ts. Relancez la synchronisation lorsque l’API public change en amont.
Continuer depuis Getting Started
Section intitulée « Continuer après Prise en main »Si vous utilisez Prise en main pour planifier le comportement des médias et de l'interface natifs, connectez-l’à Utiliser @capgo/capacitor-twilio-video pour la fonctionnalité native dans « Utiliser @capgo/capacitor-twilio-video », Utiliser @capgo/capacitor-live-activities pour la capacité native dans Utiliser @capgo/capacitor-live-activities @capgo/capacitor-live-activities pour le détail d'implémentation dans @capgo/capacitor-live-activities Utiliser @capgo/capacitor-video-player pour la capacité native dans Utiliser @capgo/capacitor-video-player, et @capgo/capacitor-video-player pour le détail d'implémentation dans @capgo/capacitor-video-player.