Accueil
Copiez un prompt de configuration avec les étapes d'installation et le guide Markdown complet pour ce plug-in.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-stream-call`, `@capgo/capacitor-streamcall`
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/streamcall/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 « Installer »Vous pouvez utiliser notre configuration assistée par l'IA pour installer le plugin. Ajoutez les Capgo compétences à votre outil IA à l'aide de la commande suivante :
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsEnsuite, utilisez la prompt suivante :
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-stream-call` plugin in my project.Si vous préférez la configuration manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous :
bun add @capgo/capacitor-stream-callbunx cap syncImporter
Section intitulée « Importer »import { StreamCall } from '@capgo/capacitor-stream-call';API Vue d'ensemble
Section intitulée « API Vue d'ensemble »Se connecter au service de vidéo Stream
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.login({ token: 'your-token', userId: 'user-123', name: 'John Doe', apiKey: 'your-api-key'});Se déconnecter du service Vidéo Stream
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.logout();Initier un appel à un autre utilisateur
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.call({ userId: 'user-456', type: 'video', ring: true});Terminer l'appel en cours
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.endCall();Rejoindre un appel existant
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.joinCall({ callId: 'call001', callType: 'default' });setMicrophoneEnabled
Section intitulée « activer micro »Activer ou désactiver le micro
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setMicrophoneEnabled({ enabled: false });setCameraEnabled
Section intitulée « setCameraEnabled »Activer ou désactiver la caméra
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setCameraEnabled({ enabled: false });enableBluetooth
Section intitulée « enableBluetooth »Activer l'audio Bluetooth
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.enableBluetooth();acceptCall
Section intitulée « accepterAppel »Accepter un appel entrant
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.acceptCall();rejectCall
Section intitulée « refuserAppel »Rejeter une appel entrant
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.rejectCall();isCameraEnabled
Section intitulée “isCameraEnabled”Vérifier si la caméra est activée
import { StreamCall } from '@capgo/capacitor-stream-call';
const isCameraEnabled = await StreamCall.isCameraEnabled();console.log(isCameraEnabled);getCallStatus
Section intitulée “getCallStatus”Obtenir le statut d'appel actuel
import { StreamCall } from '@capgo/capacitor-stream-call';
const callStatus = await StreamCall.getCallStatus();console.log(callStatus);getRingingCall
Section intitulée “getRingingCall”Obtenir l'appel sonnant actuel
import { StreamCall } from '@capgo/capacitor-stream-call';
const ringingCall = await StreamCall.getRingingCall();console.log(ringingCall);toggleViews
Section intitulée “toggleViews”Naviguez parmi les dispositions vidéo disponibles
import { StreamCall } from '@capgo/capacitor-stream-call';
const { newLayout } = await StreamCall.toggleViews();console.log(`Layout switched to ${newLayout}`);setSpeaker
Section intitulée « setSpeaker »Activer le haut-parleur
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setSpeaker({ name: 'speaker' });switchCamera
Section intitulée « switchCamera »Changer de caméra
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.switchCamera({ camera: 'back' });getCallInfo
Section intitulée « getCallInfo »Obtenir des informations détaillées sur une appel actif, y compris les détails du appelant
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.getCallInfo({} as { callId: string });setDynamicStreamVideoApikey
Section intitulée « setDynamicStreamVideoApikey »Définir une clé de vidéo en flux dynamique API qui remplace la clé statique par défaut
import { StreamCall } from '@capgo/capacitor-stream-call';
await StreamCall.setDynamicStreamVideoApikey({ apiKey: 'new-api-key' });getDynamicStreamVideoApikey
Section intitulée “getDynamicStreamVideoApikey”Obtenir la clé de vidéo en flux dynamique API actuellement définie
import { StreamCall } from '@capgo/capacitor-stream-call';
const result = await StreamCall.getDynamicStreamVideoApikey();if (result.hasDynamicKey) { console.log('Dynamic API key:', result.apiKey);} else { console.log('Using static API key from resources');}getCurrentUser
Section intitulée “getCurrentUser”Obtenir les informations de l'utilisateur actuel
import { StreamCall } from '@capgo/capacitor-stream-call';
const currentUser = await StreamCall.getCurrentUser();console.log(currentUser);Référence de type
Section intitulée “Type Reference”LoginOptions
Section intitulée “LoginOptions”export interface LoginOptions { /** Stream Video API token */ token: string; /** User ID for the current user */ userId: string; /** Display name for the current user */ name: string; /** Optional avatar URL for the current user */ imageURL?: string; /** Stream Video API key */ apiKey: string; /** ID of the HTML element where the video will be rendered */ magicDivId?: string; pushNotificationsConfig?: PushNotificationsConfig;}SuccessResponse
Section intitulée « Réponse de Succès »export interface SuccessResponse { /** Whether the operation was successful */ success: boolean; callId?: string;}CallOptions
Section intitulée « Options d'appel »export interface CallOptions { /** User ID of the person to call */ userIds: string[]; /** Type of call, defaults to 'default' */ type?: CallType; /** Whether to ring the other user, defaults to true */ ring?: boolean; /** Team name to call */ team?: string; /** Whether to start the call with video enabled, defaults to false */ video?: boolean; /** Custom data to be passed to the call */ custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;}export interface CallEvent { /** ID of the call */ callId: string; /** Current state of the call */ state: CallState; /** User ID of the participant in the call who triggered the event */ userId?: string; /** Reason for the call state change, if applicable */ reason?: string; /** Information about the caller (for incoming calls) */ caller?: CallMember; /** List of call members */ members?: CallMember[];
custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;
count?: number;}IncomingCallPayload
Section intitulée « Charge d'appel entrante »export interface IncomingCallPayload { /** Full call CID (e.g. default:123) */ cid: string; /** Event type (currently always "incoming") */ type: 'incoming'; /** Information about the caller */ caller?: CallMember; /** Custom data to be passed to the call */ custom?: Record< string, | string | boolean | number | null | Record<string, string | boolean | number | null> | string[] | boolean[] | number[] >;
/** * Get the native Capacitor plugin version * * @returns {Promise<{ id: string }>} an Promise with version for this device * @throws An error if the something went wrong */ getPluginVersion(): Promise<{ version: string }>;}CameraEnabledResponse
Section intitulée « Réponse de la caméra activée »export interface CameraEnabledResponse { enabled: boolean;}StreamCallLayout
Section intitulée « Disposition de l'appel en flux »export type StreamCallLayout = 'grid' | 'spotlight' | 'dynamic' | 'fullScreen' | 'fullscreen';DynamicApiKeyResponse
Section intitulée « DynamicApiKeyResponse »export interface DynamicApiKeyResponse { /** The dynamic API key if set, null if not */ apiKey: string | null; /** Whether a dynamic key is currently set */ hasDynamicKey: boolean;}CurrentUserResponse
Section intitulée « CurrentUserResponse »export interface CurrentUserResponse { /** User ID of the current user */ userId: string; /** Display name of the current user */ name: string; /** Avatar URL of the current user */ imageURL?: string; /** Whether the user is currently logged in */ isLoggedIn: boolean;}PushNotificationsConfig
Section intitulée « PushNotificationsConfig »export interface PushNotificationsConfig { pushProviderName: string; voipProviderName: string;}export type CallType = 'default' | 'audio' | 'audio_room' | 'livestream' | 'development';CallState
Section intitulée « État d'appel »export type CallState = // User-facing states | 'idle' | 'ringing' | 'joining' | 'reconnecting' | 'joined' | 'leaving' | 'left' // Event-specific states | 'created' | 'session_started' | 'rejected' | 'participant_counts' | 'missed' | 'accepted' | 'ended' | 'camera_enabled' | 'camera_disabled' | 'speaker_enabled' | 'speaker_disabled' | 'microphone_enabled' | 'microphone_disabled' | 'outgoing_call_ended' | 'unknown';Source de vérité
Section intitulée « Source de vérité »Cette page est générée à partir du plugin’s src/definitions.tsRe-rendez la synchronisation lorsque les informations publiques API changent en amont.
Continuez de la section « Commencer »
Titre de la section « Commencer »Si vous utilisez « Commencer » pour planifier les opérations de tableau de bord et __CAPGO_KEEP_0__ to plan dashboard and API operations, connect it with Utilisez @capgo/capacitor-stream-call pour la capacité native dans Utilisez @capgo/capacitor-stream-call Utilisez @API/__CAPGO_KEEP_1__-stream-call pour le détail d’implémentation dans API Overview Utilisez @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-stream-call pour les détails d'implémentation dans Introduction API Clés pour les détails d'implémentation dans API Clés, et Appareils pour les détails d'implémentation dans Appareils.