본문으로 건너뛰기
@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

Guide

Capacitor builds and maintains custom __CAPGO_KEEP_1__ plugins.

Using @capgo/capacitor-ffmpeg

FFmpeg API을 Capacitor까지 공개합니다.

설치

bun add @capgo/capacitor-ffmpeg
bunx cap sync

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

import

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

API를 한눈에

메소드 설명
getCapabilities 현재 플랫폼의 기계-readable 기능 매트릭스를 반환합니다.
reencodeVideo 비디오 재인코딩 작업을 큐에 넣습니다.
convertImage 이미지를 다른 형식으로 변환합니다.
convertAudio 오디오를 다른 컨테이너 또는 코덱으로 변환합니다.

예시

getCapabilities()

현재 플랫폼의 기계-readable 능력 매트릭스를 반환합니다.

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 __CAPGO_KEEP_0__ 핸들을 반환합니다. __CAPGO_KEEP_0__을 호출합니다. handle.remove() __CAPGO_KEEP_0__ 화면이 언마운트 될 때 호출됩니다.

전체 참조

Using @capgo/capacitor-ffmpeg에서 계속합니다.

Capacitor FFMPEG을 사용 중이라면 Capacitor FFMPEG을 사용 중이라면 @capgo/capacitor-ffmpeg 대시보드와 @API 운영을 계획하고 싶다면 @API/__CAPGO_KEEP_1__-ffmpeg과 연결하세요 @capgo/capacitor-ffmpeg의 구현 세부 사항을 알아보려면 @capgo/capacitor-ffmpeg을 참조하세요 @capgo/capacitor-ffmpeg 구현 세부 사항을 위해 Getting Started의 구현 세부 사항을 알아보려면 Getting Started을 참조하세요 __CAPGO_KEEP_0__ 개요 API 개요의 구현 세부 사항을 알아보려면 API 개요를 참조하세요 API 개요 Introduction __CAPGO_KEEP_0__ 키 API 키 구현 세부 사항에 대한 API 키.

FAQ

FFmpeg 플러그인 FAQ

FFmpeg 플러그인을 Capacitor 앱에 어떻게 설치합니까?

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

React, Vue 및 Angular과 함께 @capgo/capacitor-ffmpeg가 작동합니까?

네. FFmpeg는 Capacitor 패키지이므로, Capacitor 내에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 예를 들어, Ionic, React, Vue, Angular, Svelte 및 plain JavaScript도 포함됩니다.

어떤 Capacitor 버전이 @capgo/capacitor-ffmpeg를 지원합니까?

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.

Is @capgo/capacitor-ffmpeg 무료이며 오픈 소스인가?

네. 소스 code는 https://github.com/Cap-go/capacitor-ffmpeg/ 에서 GitHub에 공개되어 있으며, npm에서 무료로 설치할 수 있습니다. 버그 보고서와 Pull Request는 환영합니다.

code가 FFmpeg를 사용하는 경우 App Store 리뷰 없이 업데이트할 수 있나요?

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

앱 리뷰 대기 없이 FFmpeg 변경을 배포하세요.

플러그인이 스토어 빌드에 포함되면 Capgo 라이브 업데이트는 사용자에게 몇 분 안에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

시작하세요 Capgo