본문 바로가기

시작하기

GitHub

AI-Assisted Setup으로 플러그인을 설치할 수 있습니다. 다음 명령어로 AI 도구에 Capgo 스킬을 추가하세요:

터미널 창
bunx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

그런 다음 아래 프롬프트를 사용하세요:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-screen-recorder` plugin in my project.

수동 설정을 선호한다면, 다음 명령어를 실행하여 플러그인을 설치하고 아래의 플랫폼별 지침을 따르세요:

터미널 창
bun add @capgo/capacitor-screen-recorder
bunx cap sync
import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
// Start recording without audio
await ScreenRecorder.start();
// Start recording with audio
await ScreenRecorder.start({ recordAudio: true });
// Start recording as MOV on iOS
await ScreenRecorder.start({ format: 'mov' });
import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
await ScreenRecorder.stop();
console.log('Recording saved to gallery');

자주 하는 실수

“흔한 실수” 섹션
  • 리스너: 화면이 언마운트될 때 핸들을 제거합니다.
  • 네이티브 동기화: 실행 bunx cap sync 플러그인 업그레이드 후.
  • 신뢰할 수 있는 소스: 신뢰 src/definitions.ts GitHub 레포지토리에서.

기기 화면 녹화를 시작합니다.

선택 사항으로 오디오 캡처를 포함하여 화면 녹화를 시작합니다. 권한이 아직 부여되지 않은 경우 사용자에게 화면 녹화 권한 승인 프롬프트가 표시됩니다. iOS에서는 시스템 녹화 UI가 나타나며, Android에서는 권한 승인 즉시 녹화가 시작됩니다.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
// Start recording without audio
await ScreenRecorder.start();
// Start recording with audio
await ScreenRecorder.start({ recordAudio: true });

현재 화면 녹화를 중지합니다.

진행 중인 화면 녹화를 중지하고 비디오를 기기의 카메라 롤 또는 갤러리에 저장합니다. iOS에서는 시스템이 녹화 미리보기를 표시하며, Android에서는 비디오가 갤러리에 바로 저장됩니다.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
await ScreenRecorder.stop();
console.log('Recording saved to gallery');

이 페이지는 플러그인의 src/definitions.tsupstream에서 public API가 변경되면 sync를 다시 실행하세요.

사용 중이라면 시작하기 네이티브 미디어 및 인터페이스 동작을 계획하려면, 이를 다음 항목과 연결하세요: @capgo/capacitor-screen-recorder 사용하기 @capgo/capacitor-screen-recorder를 사용하여 네이티브 기능을 구현할 때, @capgo/capacitor-live-activities 사용 @capgo/capacitor-live-activities 사용에서의 네이티브 기능, @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항, @capgo/capacitor-video-player 사용 @capgo/capacitor-video-player 사용에서의 네이티브 기능 및 @capgo/capacitor-video-player @capgo/capacitor-video-player.의 구현 세부 사항