メインコンテンツにジャンプ
@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を使用する方法

FFmpeg API を Capacitor に公開します。

インストール

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync プラグインのネイティブ code をプロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

インポート

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

API の概要

メソッド 説明
getCapabilities 現在のプラットフォームのマシン読み取り可能な能力マトリックスを返します。
reencodeVideo 動画再エンコードジョブをキューに追加します。
convertImage 静止画像を別の形式に変換します。
convertAudio オーディオを別のコンテナまたはコーデックに変換します。

例

getCapabilities()

__CAPGO_KEEP_0__

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

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

reencodeVideo()

__CAPGO_KEEP_0__

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()

__CAPGO_KEEP_0__

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()

__CAPGO_KEEP_0__

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

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

__CAPGO_KEEP_0__

addListener __CAPGO_KEEP_0__ handle.remove() __CAPGO_KEEP_0__

__CAPGO_KEEP_0__

@capgo/capacitor-ffmpegを継続して使用してください

Capacitor FFMPEGを使用している場合 Using @capgo/capacitor-ffmpeg 計画ダッシュボードとAPIの運用を計画し、 @capgo/capacitor-ffmpeg @capgo/capacitor-ffmpegの実装詳細について Capacitor FFMPEGの実装詳細についてはGetting Startedを参照してください Capacitor FFMPEGの概要 Capacitor FFMPEGの実装詳細についてはAPI Overviewを参照してください Capacitor-ffmpegの実装詳細についてはAPIの概要を参照してください。 Introduction Capacitor FFMPEGの実装詳細についてはIntroduction、 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 パッケージなので、Ionic、React、Vue、Angular、Svelte、または単純な JavaScript など、Capacitor 内で実行される任意の Web フレームワークと互換性があります。

どの Capacitor バージョンが @capgo/capacitor-ffmpeg をサポートしますか?

Capgo プラグインは Capacitor のメジャーバージョンに従います。たとえば、Capacitor 8 の場合、プラグインのメジャーバージョンが 8 の場合、Capacitor のメジャーバージョンも 8 になります。GitHub README に記載されている互換性テーブルを参照してください。

は @capgo/capacitor-ffmpeg が無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-ffmpeg/ and the package is free to install from npm. Bug reports and pull requests are welcome.

FFmpeg を使用する code をアップデートすることは App Store のレビューなしで可能ですか?

プラグインをインストールまたはアップグレードすると、ネイティブ code が変更されるため、新しいストアビルドが必要になります。その後、JavaScript、HTML、CSS の変更がプラグインを呼び出すと、Capgo のライブアップデートで即時配信できます。

アプリレビューの待たずにFFmpegの変更を配信します。

プラグインがストアビルドに追加されたら、Capgoライブアップデートは、JavaScript、HTML、CSSの変更をユーザーに数分で反映します。

はじめにCapgo