Lebihkan ke konten utama
@capgo/capacitor-perekam-layar Perekam Layar Terbuka sumber

Perekam Layar Plugin Capacitor

Tangkap rekaman layar dengan suara untuk tutorial, demo, dan laporan bug

Pasang

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 Perekam Layar di Capacitor

Test di perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau plugin Perekam Layar code

Menggunakan @capgo/capacitor-perekam-layar

Plugin Perekam Layar Capacitor untuk merekam layar perangkat. Memungkinkan Anda merekam video rekaman layar dengan audio opsional.

Pasang

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

Apa yang Dapat Diketahui Plugin Ini

  • start - Mulai merekam layar perangkat.
  • stop - Berhenti merekam layar perangkat 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

Berhenti merekam layar perangkat 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 Penggunaan @capgo/capacitor-rekam-ekran untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-rekam-ekran untuk detail implementasi di @capgo/capacitor-rekam-ekran, Panduan Awal untuk detail implementasi di Panduan Awal, Penggunaan @capgo/capacitor-aktivitas-hidup untuk kemampuan native di Penggunaan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Penggunaan @capgo/capacitor-pemain-video untuk kemampuan native di Penggunaan @capgo/capacitor-pemain-video.

FAQ

FAQ Plugin Rekam Layar

Bagaimana cara saya menginstal plugin Rekam Layar di aplikasi Capacitor?

Jalankan perintah "bun add @capgo/capacitor-rekam layar" (atau "npm install @capgo/capacitor-rekam layar"), kemudian jalankan "bunx cap sync" agar proyek iOS dan Android dapat menangkap native code. Import dari "@capgo/capacitor-rekam layar" di aplikasi code.

Apakah @capgo/capacitor-rekam layar berfungsi dengan React, Vue dan Angular?

Ya. Rekam Layar adalah paket Capacitor, sehingga berfungsi dengan semua kerangka kerja web yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-rekam layar?

Paket 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-rekam layar gratis dan terbuka sumber?

Ya. Sumber code yang terbuka tersedia di GitHub di https://github.com/Cap-go/capacitor-rekam-layar/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Apakah saya dapat memperbarui code yang menggunakan Rekam Layar tanpa melalui tinjauan App Store?

Pemasangan atau pengupgrade plugin mengubah code asli, sehingga memerlukan pembangunan toko baru. Setelah itu, perubahan JavaScript, HTML dan CSS yang memanggil plugin dapat dikirimkan langsung dengan Capgo live updates.

Kirim perubahan Screen Recorder tanpa harus menunggu tinjauan aplikasi

Setelah plugin ini ada di dalam pembangunan toko Anda, Capgo pembaruan hidup akan mendorong perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo