Ke halaman utama
@capgo/capacitor-video-twilio Komunikasi Sumber Terbuka

Video Twilio Plugin Capacitor

Join ruang video Twilio dari Capacitor dengan audio, kamera, dan event siklus ruang

Install

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

Panduan

Bagaimana menggunakan Twilio Video di Capacitor

Menggunakan @capgo/capacitor-twilio-video

Capacitor API untuk bergabung dengan ruang Twilio Video dengan permukaan panggilan native di dalam aplikasi.

Instal

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

bunx cap sync Menggandakan plugin code native ke proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Impor

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

Pandangan API sekaligus

Metode Deskripsi
login Simpan dan validasi token akses Twilio Video yang dihasilkan backend Anda.
logout Hapus token akses yang disimpan dan tinggalkan ruang yang aktif.
isLoggedIn Periksa apakah token Twilio yang valid saat ini disimpan di perangkat.
joinRoom Bergabunglah dengan ruang Twilio dan tampilkan overlay panggilan native plugin di dalam aplikasi.
leaveRoom Keluar dari ruang yang sedang terhubung.
setMicrophoneEnabled Aktifkan/nonaktifkan publikasi mikrofon lokal.
setCameraEnabled Aktifkan/nonaktifkan publikasi kamera lokal.
getCallStatus Kembalikan nama ruang saat ini, status media, dan jumlah peserta.
checkMicrophonePermission Periksa status izin mikrofon.
requestMicrophonePermission Berikan izin mikrofon.
checkCameraPermission Periksa status izin kamera.
requestCameraPermission Permintaan izin kamera.

Contoh

login()

Simpan dan validasi token akses Twilio Video yang dihasilkan oleh backend Anda.

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

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

logout()

Hapus token akses yang disimpan di cache dan tinggalkan ruang obrolan aktif.

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

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

isLoggedIn()

Simpan dan validasi token akses Twilio yang diterbitkan oleh backend Anda.

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

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

joinRoom()

Bergabunglah dengan ruang Twilio dan tampilkan overlay panggilan native plugin di dalam aplikasi.

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

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

leaveRoom()

Keluar dari ruang saat sedang terhubung.

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

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

setMicrophoneEnabled()

Aktifkan/matikan publikasi mikrofon lokal.

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

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

Tabel di atas menampilkan 12 metode inti. Bantuan pemanggil dan versi, serta kontrak lengkap dari setiap metode, dapat dilihat dalam dokumentasi. repositori GitHub.

Dengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() ketika layar dihapus, atau CapacitorTwilioVideo.removeAllListeners() untuk menghapus setiap pendengar.

Referensi lengkap

Teruskan dari Menggunakan @capgo/capacitor-twilio-video

Teruskan dari Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-twilio-video Menggunakan @capgo/capacitor-twilio-video Untuk merencanakan perilaku media dan antarmuka asli, hubungkannya dengan untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-twilio-video untuk detail implementasi di @capgo/capacitor-twilio-video, Mulai Menggunakan untuk detail implementasi di Mulai, Menggunakan @capgo/capacitor-live-activities untuk kemampuan asli di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-aktivitas-nyata untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player.

FAQ

FAQ Plugin Video Twilio

Bagaimana cara saya menginstal plugin Video Twilio di sebuah aplikasi Capacitor?

Run "bun add @capgo/capacitor-twilio-video" (or "npm install @capgo/capacitor-twilio-video"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-twilio-video" in your app code.

Apakah @capgo/capacitor-twilio-video dapat digunakan dengan React, Vue, dan Angular?

Ya. Twilio Video adalah paket Capacitor, jadi itu berfungsi dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

Versi Capacitor apa yang didukung oleh @capgo/capacitor-twilio-video?

Plugin Capgo mengikuti versi utama Capacitor: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menyebutkan versi yang dipelihara.

Apakah @capgo/capacitor-twilio-video gratis dan terbuka sumber?

Ya. Sumber code yang terbuka tersedia di GitHub di https://github.com/Cap-go/capacitor-twilio-video/ dan paketnya gratis untuk diinstal dari npm. Laporan bug dan permintaan pull selalu welcome.

Apakah saya bisa memperbarui code yang menggunakan Twilio Video tanpa review App Store?

Pemasangan atau pengupgrade plugin mengubah code native, jadi itu memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML dan CSS yang memanggil plugin bisa berlayar langsung dengan Capgo live updates.

Kirim perubahan Twilio Video tanpa menunggu tinjauan aplikasi

Saat plugin sudah ada di toko Anda, Capgo live update meneruskan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo