본문으로 건너뛰기
@capgo/capacitor-twilio-vidyo 커뮤니케이션 오픈 소스

Twilio 비디오 Capacitor 플러그인

Twilio 비디오 회의실에 참여하세요. Capacitor에서 native 오디오, 카메라 및 회의실 라이프 사이클 이벤트를 사용하세요.

설치

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

사용 설명서

Capacitor에서 Twilio 비디오를 사용하는 방법

@capgo/capacitor-twilio-video를 사용하는 방법

Capacitor API Twilio 비디오 회의에 참여하기 위한 네이티브 앱 내 통화 표면을 제공합니다.

설치

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

bunx cap sync 플러그인의 네이티브 code를 네이티브 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

import

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

API를 한눈에

기법 설명
login 백엔드에서 발급한 Twilio 비디오 접근 토큰을 저장하고 유효성 검사합니다.
logout 캐시된 접근 토큰을 삭제하고 현재 활성화된 방을 떠갑니다.
isLoggedIn 장치에 현재 캐시된 유효한 Twilio 토큰이 있는지 확인합니다.
joinRoom Twilio 방에 참가하고 플러그인의 내장된 앱 내 호출 overlay를 표시합니다.
leaveRoom 현재 연결된 방을 떠갑니다.
setMicrophoneEnabled 지역 마이크를 공유하는 것을 허용/거부합니다.
setCameraEnabled 지역 카메라를 공유하는 것을 허용/거부합니다.
getCallStatus 현재 방 이름, 미디어 상태, 참여자 수를 반환합니다.
checkMicrophonePermission 마이크 권한 상태를 확인합니다.
requestMicrophonePermission 마이크 권한을 요청합니다.
checkCameraPermission 카메라 권한 상태를 확인하세요.
requestCameraPermission 카메라 권한을 요청하세요.

예시

login()

Twilio 비디오 접근 토큰을 저장하고 유효성 검사하세요.

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

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

logout()

캐시된 접근 토큰을 삭제하고 현재 방을 떠나세요.

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

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

isLoggedIn()

기기에 저장된 유효한 Twilio 토큰이 있는지 확인하세요.

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

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

joinRoom()

Twilio 방에 참가하고 플러그인의 내장된 앱 내 호출 overlay를 표시하세요.

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

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

leaveRoom()

현재 방을 떠나세요.

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

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

setMicrophoneEnabled()

마이크를 공유할지 여부를 설정하세요.

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

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

위 표에는 12 개의 핵심 메서드가 나열되어 있습니다. 리스너 및 버전 헬퍼, 각 메서드의 전체 계약은 __CAPGO_KEEP_0__ 저장소에서 문서화되어 있습니다. GitHub 저장소.

이벤트를 듣세요.

addListener handle을 반환합니다. Call handle.remove() 화면이 언마운트되거나, 또는 CapacitorTwilioVideo.removeAllListeners() 모든 리스너를 지우려면

전체 참조

@capgo/capacitor-twilio-vidoe

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-twilio-video를 계속 사용하세요 이미 @capgo/capacitor-twilio-video를 사용하고 있다면 native media와 interface의 동작을 계획하려면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-twilio-video와 연결하세요 @capgo/capacitor-twilio-vidyo @capgo/capacitor-twilio-비디오 구현 세부 사항 시작하기 Capacitor-Twilio-Video 구현 세부 사항에 대해 @capgo/capacitor-라이브-활동 native 기능을 위한 @capgo/capacitor-live-활동 @capgo/capacitor-실시간 활동 @capgo/capacitor-실시간 활동 @capgo/capacitor-비디오 플레이어 for the native capability in Using @capgo/capacitor-video-player.

FAQ

Twilio Video 플러그인 FAQ

Twilio Video 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-twilio-video" (또는 "npm install @capgo/capacitor-twilio-video"), 그리고 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하기 위해 "bunx cap sync"를 실행하세요. 그리고 capgo/capacitor-twilio-video를 사용하여 앱 code에서 가져오세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-twilio-video가 작동하는지 여부

Yes. Twilio Video is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

어떤 Capacitor 버전을 @capgo/capacitor-twilio-video가 지원하는지 궁금하십니까?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

어떻게 @capgo/capacitor-twilio-video가 무료이고 오픈 소스인지 궁금하십니까?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-twilio-video/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Twilio Video를 사용하는 code를 App Store 리뷰 없이 업데이트할 수 있나요?

code를 설치하거나 업그레이드하면 네이티브 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo Live Update를 통해 즉시 배포할 수 있습니다.

Twilio 비디오 변경을 앱 리뷰 기다리지 않고 배포하세요

플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트 사용자에게 JavaScript, HTML 및 CSS 변경을 몇 분 안에 푸시합니다.

시작하기 Capgo