ガイド
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()
現在のプラットフォームのマシンリーダブルな機能マトリックスを返します。
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 の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 API の概要 「API の概要」の実装の詳細については、 はじめに はじめにの実装詳細、および API キー API Keys の実装詳細については、