Vai al contenuto principale
@capgo/capacitor-video-twilio Comunicazione Sorgente aperta

Video Twilio Plugin Capacitor

Unisciti alle stanze di video di Twilio con Capacitor con audio, camera e eventi di 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 utilizzare Twilio Video in Capacitor

Utilizza @capgo/capacitor-twilio-video

Capacitor API per unirsi alle stanze di Twilio Video con una superficie di chiamata nativa in-app.

Installa

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

bunx cap sync copia il plugin nativo code nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

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

API in un colpo d'occhio

Metodo Descrizione
login Memorizza e verifica un token di accesso Twilio Video generato dal tuo backend.
logout Elimina il token di accesso memorizzato e lascia la stanza attiva.
isLoggedIn Controlla se un token Twilio valido è memorizzato attualmente sul dispositivo.
joinRoom Unisciti a una stanza Twilio e presenta l'overlay di chiamata nativo del plugin.
leaveRoom Lascia la stanza corrente se connesso.
setMicrophoneEnabled Abilita/disabilita la pubblicazione del microfono locale.
setCameraEnabled Abilita/disabilita la pubblicazione della camera locale.
getCallStatus Ritorna il nome della stanza corrente, lo stato dei media e il numero di partecipanti.
checkMicrophonePermission Controlla lo stato di autorizzazione del microfono.
requestMicrophonePermission Richiedi l'autorizzazione del microfono.
checkCameraPermission Controlla lo stato di autorizzazione della camera.
requestCameraPermission Richiedi l'autorizzazione alla camera.

Esempi

login()

Riserva e verifica un token di accesso 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 il token di accesso in cache e lascia la stanza attiva.

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

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

isLoggedIn()

Memorizza e valuta un token di accesso Twilio Video generato dal tuo backend.

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

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

joinRoom()

Cancella il token di accesso memorizzato e lascia la stanza attiva.

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

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

leaveRoom()

Lascia la stanza attuale 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);

I metodi elencati nella tabella sopra sono 12. I listener e gli aiuti per la versione, nonché il contratto completo di ogni metodo, sono documentati nel GitHub repository.

Ascolta gli eventi

addListener ritorna un handle. Chiama handle.remove() quando lo schermo viene smontato, o CapacitorTwilioVideo.removeAllListeners() per cancellare ogni ascoltatore.

Riferimento completo

Continua dall'uso di @capgo/capacitor-twilio-video

Utilizzo di @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-twilio-video Usando @capgo/capacitor-twilio-video per pianificare il comportamento dei media e dell'interfaccia nativi, connettilo con @capgo/capacitor-twilio-video per i dettagli di implementazione in @capgo/capacitor-twilio-video, Getting Started per i dettagli di implementazione in Iniziare, Utilizzo di @capgo/capacitor-live-attività per la capacità nativa in Utilizzo di @capgo/capacitor-live-attività, @capgo/capacitor-live-attività per i dettagli di implementazione in @capgo/capacitor-live-attività, e Utilizzo di @capgo/capacitor-player-video per la capacità nativa in Utilizzo di @capgo/capacitor-player-video.

FAQ

Domande frequenti del plugin Twilio Video

Come posso installare il plugin Twilio Video in un'app Capacitor?

Esegui "bun add @capgo/capacitor-twilio-video" (o "npm install @capgo/capacitor-twilio-video"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino i nativi code. Importalo da "@capgo/capacitor-twilio-video" nella tua app code.

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

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

Quale versione di Capacitor supporta @capgo/capacitor-twilio-video?

Capgo plugin seguono la versione maggiore di Capacitor: utilizza la versione maggiore del plugin che corrisponde alla tua versione maggiore 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 gratuito 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 per l'installazione da npm. I rapporti di bug e le richieste di pull sono graditi.

Posso aggiornare code che utilizza Twilio Video senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il code nativo, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con Capgo live updates.

Consegna le modifiche di Twilio Video senza dover attendere la revisione dell'app

Una volta che il plugin è presente nel tuo store build, Capgo live updates invia le tue modifiche JavaScript, HTML e CSS ai utenti in pochi minuti.

Avvia con Capgo