본문 바로가기
@capgo/capacitor-ffmpeg 미디어 오픈 소스

FFmpeg Capacitor 플러그인

FFmpeg 기반의 비디오 인코딩 및 프로세싱으로 압축과 변환 지원

설치

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

가이드

Capacitor에서 FFmpeg 사용 방법

@capgo/capacitor-ffmpeg 사용하기

Capacitor에 FFmpeg API 노출

설치

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync 플러그인의 네이티브 code를 네이티브 프로젝트에 복사합니다. 플러그인을 업그레이드할 때마다 다시 실행하세요.

가져오기

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

API 한눈에 보기

메서드 설명
getCapabilities 현재 플랫폼의 machine-readable capability matrix를 반환합니다.
reencodeVideo 비디오 재인코딩 작업을 큐에 추가합니다.
convertImage 스틸 이미지를 다른 포맷으로 변환합니다.
convertAudio 오디오를 다른 컨테이너나 코덱으로 변환합니다.

예시

getCapabilities()

현재 플랫폼의 machine-readable capability matrix를 반환합니다.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.getCapabilities();
console.log(result);

reencodeVideo()

비디오 재인코딩 작업을 큐에 추가합니다.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.reencodeVideo({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  width: 1080,
  height: 1920,
});
console.log(result);

convertImage()

스틸 이미지를 다른 포맷으로 변환합니다.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.convertImage({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  format: 'webp',
});
console.log(result);

convertAudio()

오디오를 다른 컨테이너나 코덱으로 변환합니다.

import { CapacitorFFmpeg } from '@capgo/capacitor-ffmpeg';

const result = await CapacitorFFmpeg.convertAudio({
  inputPath: 'path/to/file',
  outputPath: 'path/to/file',
  format: 'm4a',
});
console.log(result);

이벤트 수신

addListener 핸들을 반환합니다. 호출하세요 handle.remove() 화면이 언마운트될 때.

전체 레퍼런스

@capgo/capacitor-ffmpeg 사용 계속하기

사용 중이라면 @capgo/capacitor-ffmpeg 사용하기 대시보드 및 API 운영을 계획하려면, 이를 다음과 연결하세요 @capgo/capacitor-ffmpeg @capgo/capacitor-ffmpeg의 구현 세부 사항은 시작하기 Getting Started의 구현 상세 내용은 API 개요 구현 세부 사항은 API 개요에서 소개 Introduction의 구현 상세 내용은, 그리고 API 키 API Keys의 구현 상세 내용은

자주 묻는 질문

FFmpeg 플러그인 FAQ

Capacitor 앱에 FFmpeg 플러그인을 어떻게 설치하나요?

"bun add @capgo/capacitor-ffmpeg" (또는 "npm install @capgo/capacitor-ffmpeg")를 실행한 후, "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트에 네이티브 code가 반영되도록 하세요. 그 다음 앱의 code에서 "@capgo/capacitor-ffmpeg"를 통해 import 하세요.

@capgo/capacitor-ffmpeg는 React, Vue, Angular와 함께 사용할 수 있나요?

네. FFmpeg는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript를 포함하여 Capacitor에서 실행되는 모든 웹 프레임워크와 함께 사용할 수 있습니다.

@capgo/capacitor-ffmpeg은 어떤 Capacitor 버전을 지원하나요?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 사용 중인 Capacitor 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하세요 (예: Capacitor 8에는 플러그인 v8). 유지 관리되는 버전은 GitHub README의 호환성 표에서 확인할 수 있습니다.

@capgo/capacitor-ffmpeg은 무료 오픈 소스인가요?

네. code 소스 코드는 GitHub의 https://github.com/Cap-go/capacitor-ffmpeg/에서 공개되어 있으며, npm에서 무료로 설치할 수 있습니다. 버그 리포트와 pull request를 언제든 환영합니다.

App Store 심사 없이 FFmpeg를 사용하는 code를 업데이트할 수 있나요?

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

앱 심사 대기 없이 FFmpeg 변경 사항을 즉시 배포하세요

스토어 빌드에 플러그인이 포함되면, Capgo live updates로 JavaScript, HTML, CSS 변경 사항을 몇 분 만에 사용자에게 푸시할 수 있습니다.

Capgo로 시작하기