주요 콘텐츠로 건너뛰기

스크린 레코더 Capacitor 플러그인

스크린 녹화와 오디오를 사용하여 튜토리얼, 데모, 버그 리포트를 캡처하세요.

설치

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

문제 보고

How to use Screen Recorder in Capacitor

Capgo는 사용자 지정 Capgo 플러그인을 빌드하고 유지합니다.

다운로드하여 Capgo 앱을 설치한 후 QR code 코드를 스캔하세요.

스크린 레코더 플러그인 미리보기 QR code

@capgo/capacitor-스크린 레코더 사용

Capacitor 스크린 레코더 플러그인: 디바이스 화면 녹화에 사용됩니다. 화면 녹화 동영상 캡처 및 선택적 오디오 캡처가 가능합니다.

설치

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

이 플러그인이 제공하는 것

  • start - 디바이스 화면 녹화 시작
  • stop - 현재 화면 녹화 중지

예시 사용

start

화면 녹화 시작

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

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

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

stop

현재 화면 녹화 중지

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

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

전체 참조

@capgo/capacitor-스크린 녹음기

__CAPGO_KEEP_0__를 사용하고 있습니다. @capgo/capacitor 스크린 레코더 __CAPGO_KEEP_0__-screen-recorder의 구현 세부 사항을 참조하세요. @capgo/capacitor-스크린 녹음기 @capgo/capacitor 스크린 레코더 구현 세부 사항을 위한 시작하기 시작하기 구현 세부 사항에 대한 구체적인 설명을 위해 @capgo/capacitor-live-activities 사용 @capgo/capacitor-live-activities 사용하는 데 필요한 네이티브 기능에 대한 설명을 위해 @capgo/capacitor-라이브-활동 @capgo/capacitor-live-activities 사용하는 데 필요한 구현 세부 사항과 함께 @capgo/capacitor-video-player @capgo/capacitor-video-player 사용하는 데 필요한 네이티브 기능에 대한 설명을 위해

FAQ

스크린 녹음 플러그인 FAQ

스크린 녹음 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-screen-recorder" (또는 "npm install @capgo/capacitor-screen-recorder")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-screen-recorder"를 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-screen-recorder가 작동하는지?

예. Screen Recorder는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 실행되는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-screen-recorder를 지원하는지?

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-스크린 레코더는 무료이며 오픈 소스인가요?

네. code의 소스는 GitHub에 https://github.com/Cap-go/capacitor-스크린 레코더/ 에 공개되어 있으며 npm에서 패키지를 무료로 설치할 수 있습니다. 버그 리포트와 풀 리퀘스트는 환영합니다.

code가 Screen Recorder를 사용하는 경우 App Store 리뷰 없이 업데이트가 가능한가요?

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

앱 리뷰 기다리지 않고 스크린 레코더 변경을 배포하세요

플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트 사용하면 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경을 푸시할 수 있습니다.

Capgo로 시작하세요