Saltar al contenido principal
@capgo/capacitor-video-de-twilio Comunicación Fuente abierta

Twilio Video plugin de Capacitor

Únete a salas de video de Twilio desde Capacitor con audio, cámara y eventos de ciclo de sala nativos

Instalar

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

Guía

Cómo usar Twilio Video en Capacitor

Usando @capgo/capacitor-twilio-video

Capacitor API para unirse a salas de Twilio Video con una superficie de llamada nativa en la aplicación.

Instalar

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

bunx cap sync copia el plugin nativo code en tus proyectos nativos. Ejecútalo de nuevo después de cada actualización del plugin.

Importar

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

API a un vistazo

Método Descripción
login Almacena y valida un token de acceso a Twilio Video creado por tu backend.
logout Elimina el token de acceso en caché y abandona la sala activa.
isLoggedIn Verifica si se almacena un token de Twilio válido en el dispositivo.
joinRoom Únete a una sala de Twilio y muestra el overlay de llamada en la aplicación.
leaveRoom Abandona la sala actual si estás conectado.
setMicrophoneEnabled Habilita/desactiva la publicación del micrófono local.
setCameraEnabled Activar/desactivar la publicación de la cámara local.
getCallStatus Devuelve el nombre actual de la sala, el estado de medios y el recuento de participantes.
checkMicrophonePermission Verificar el estado de permiso de micrófono.
requestMicrophonePermission Solicitar permiso de micrófono.
checkCameraPermission Verificar el estado de permiso de cámara.
requestCameraPermission Solicitar permiso de cámara.

Ejemplos

login()

Guardar y validar un token de acceso Twilio Video creado por tu backend.

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

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

logout()

Eliminar el token de acceso cacheado y dejar la sala activa.

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

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

isLoggedIn()

Verificar si un token Twilio válido está actualmente cacheado en el dispositivo.

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

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

joinRoom()

Unirse a una sala Twilio y presentar la capa de llamada nativa en la aplicación.

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

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

leaveRoom()

Dejar la sala actual si está conectado.

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

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

setMicrophoneEnabled()

Activar/desactivar la publicación del micrófono local.

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

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

La tabla anterior enumera los 12 métodos básicos. Los ayudantes de escucha y versión, así como el contrato completo de cada método, se documentan en el repositorio de GitHub.

Escuchar eventos

addListener devuelve un manejador. Llame a handle.remove() cuando se desmonte la pantalla, o CapacitorTwilioVideo.removeAllListeners() para eliminar todos los escuchas.

Referencia completa

Continuar desde el uso de @capgo/capacitor-twilio-video

If estás utilizando Usando @capgo/capacitor-twilio-video para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/capacitor-video-de-twilio para el detalle de implementación en @capgo/capacitor-twilio-video, Getting Started para el detalle de implementación en Inicio, Usando @capgo/capacitor-live-activities para la capacidad nativa en Usando @capgo/capacitor-live-activities, @capgo/capacitor-actividades en vivo para el detalle de implementación en @capgo/capacitor-live-activities, y Usando @capgo/capacitor-video-player para la capacidad nativa en Uso de @capgo/capacitor-reproductor-de-video.

FAQ

Preguntas frecuentes del plugin de Twilio Video

¿Cómo instalo el plugin de Twilio Video en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-twilio-video" (o "npm install @capgo/capacitor-twilio-video"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen los nativos code. Importa desde "@capgo/capacitor-twilio-video" en tu aplicación code.

¿Funciona @capgo/capacitor-twilio-video con React, Vue y Angular?

Sí. Twilio Video es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-twilio-video?

Capgo los plugins siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-twilio-video gratuito y de código abierto?

Sí. El código fuente de code está disponible públicamente en GitHub en https://github.com/Cap-go/capacitor-twilio-video/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

¿Puedo actualizar code que utiliza Twilio Video sin una revisión de la Tienda?

La instalación o actualización del plugin cambia los nativos code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envíe cambios de Twilio Video sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían los cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comience con Capgo