Salta al contenuto principale
@capgo/capacitor-twilio-video Comunicazione Open source

Twilio Video Plugin Capacitor

Unisciti alle stanze Twilio Video da Capacitor con audio nativo, fotocamera ed eventi del ciclo di vita della stanza

Installa

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

Guida

Come usare Twilio Video in Capacitor

Utilizzo di @capgo/capacitor-twilio-video

Capacitor API per partecipare alle stanze di Twilio Video con un'interfaccia di chiamata nativa in-app.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
login Memorizza e valida un access token di Twilio Video generato dal tuo backend.
logout Cancella l'access token in cache ed esci dalla room attiva.
isLoggedIn Verifica se un token Twilio valido è attualmente in cache sul dispositivo.
joinRoom Entra in una stanza Twilio e mostra l'overlay nativo per le chiamate in-app del plugin.
leaveRoom Esci dalla room corrente se connesso.
setMicrophoneEnabled Abilita/disabilita la pubblicazione del microfono locale.
setCameraEnabled Abilita/disabilita la pubblicazione della camera locale.
getCallStatus Restituisce il nome della room, lo stato dei media e il numero di partecipanti.
checkMicrophonePermission Controlla lo stato dei permessi del microfono.
requestMicrophonePermission Richiedi il permesso per il microfono.
checkCameraPermission Controlla lo stato del permesso della fotocamera.
requestCameraPermission Richiedi il permesso per la fotocamera.

Esempi

login()

Memorizza e valida un access token di Twilio Video generato dal tuo backend.

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

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

logout()

Cancella l'access token in cache ed esci dalla room attiva.

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

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

isLoggedIn()

Verifica se un token Twilio valido è attualmente in cache sul dispositivo.

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

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

joinRoom()

Entra in una room di Twilio e mostra l'overlay nativo della chiamata del plugin.

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

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

leaveRoom()

Esci dalla room corrente se connesso.

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

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

setMicrophoneEnabled()

Abilita/disabilita la pubblicazione del microfono locale.

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

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

La tabella sopra elenca i 12 metodi principali. Gli helper per listener e versione e il contratto completo di ogni metodo sono documentati in repository GitHub.

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata, o CapacitorTwilioVideo.removeAllListeners() per rimuovere tutti i listener.

Riferimento completo

Torna a Usare @capgo/capacitor-twilio-video

Se stai usando Usare @capgo/capacitor-twilio-video per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo a @capgo/capacitor-twilio-video per i dettagli di implementazione in @capgo/capacitor-twilio-video, Per iniziare per i dettagli di implementazione nella guida introduttiva, Uso di @capgo/capacitor-live-activities per la funzionalità nativa nella pagina Uso di @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-live-activities, e Uso di @capgo/capacitor-video-player per la funzionalità nativa in Usare @capgo/capacitor-video-player.

FAQ

FAQ del plugin Twilio Video

Come installo il plugin Twilio Video in un'app Capacitor?

Esegui "bun add @capgo/capacitor-twilio-video" (o "npm install @capgo/capacitor-twilio-video"), poi esegui "bunx cap sync" in modo che i progetti iOS e Android integrino i code nativi. Importalo da "@capgo/capacitor-twilio-video" nel code della tua app.

@capgo/capacitor-twilio-video funziona con React, Vue e Angular?

Sì. Twilio Video è un pacchetto Capacitor, quindi funziona con qualsiasi framework web in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-twilio-video?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-twilio-video è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-twilio-video/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Twilio Video senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Pubblica aggiornamenti Twilio Video senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo