Langsung ke konten utama

Perekam Layar plugin Capacitor

Rekam layar beserta audio untuk tutorial, demo, dan laporan bug

Instal

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

Panduan

Cara menggunakan Screen Recorder di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR pratinjau plugin Screen Recorder code

Menggunakan @capgo/capacitor-screen-recorder

Capacitor Plugin Screen Recorder untuk merekam layar perangkat. Memungkinkan Anda merekam video layar dengan audio opsional.

Instal

bun add @capgo/capacitor-screen-recorder
bunx cap sync

Apa yang Diekspos Plugin Ini

  • start - Mulai merekam layar perangkat.
  • stop - Hentikan rekaman layar saat ini.

Contoh Penggunaan

start

Mulai merekam layar perangkat.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

// Start recording without audio
await ScreenRecorder.start();

// Start recording with audio
await ScreenRecorder.start({ recordAudio: true });

stop

Hentikan rekaman layar saat ini.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

await ScreenRecorder.stop();
console.log('Recording saved to gallery');

Referensi Lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-screen-recorder

Jika Anda menggunakan Menggunakan @capgo/capacitor-screen-recorder untuk merencanakan perilaku media dan antarmuka native, hubungkan dengan @capgo/capacitor-screen-recorder untuk detail implementasi di @capgo/capacitor-screen-recorder, Panduan Memulai untuk detail implementasi di Getting Started, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kapabilitas native saat menggunakan @capgo/capacitor-video-player.

FAQ

FAQ plugin Screen Recorder

Bagaimana cara install plugin Screen Recorder di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-screen-recorder" (atau "npm install @capgo/capacitor-screen-recorder"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Import dari "@capgo/capacitor-screen-recorder" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-screen-recorder kompatibel dengan React, Vue, dan Angular?

Ya. Screen Recorder adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-screen-recorder?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-screen-recorder gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-screen-recorder/ dan paketnya gratis diinstal via npm. Bug report dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan Screen Recorder tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Screen Recorder tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo