Zum Hauptinhalt springen
@capgo/capacitor-ffmpeg Medien Open Source

FFmpeg Capacitor Plugin

Video-Encoding und -Verarbeitung mit FFmpeg für Kompression und Konvertierung

Installieren

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

Anleitung

FFmpeg in Capacitor nutzen

Verwendung von @capgo/capacitor-ffmpeg

Stellt die FFmpeg API für Capacitor bereit

Installieren

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

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

API auf einen Blick

Methode Beschreibung
getCapabilities Gibt die maschinenlesbare Capability-Matrix für die aktuelle Plattform zurück.
reencodeVideo Einen Video-Reencode-Job in die Warteschlange stellen.
convertImage Ein Standbild in ein anderes Format konvertieren.
convertAudio Audio in einen anderen Container oder Codec konvertieren.

Beispiele

getCapabilities()

Gibt die maschinenlesbare Capability-Matrix für die aktuelle Plattform zurück.

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

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

reencodeVideo()

Einen Video-Reencode-Job in die Warteschlange stellen.

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

Ein Standbild in ein anderes Format konvertieren.

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

Audio in einen anderen Container oder Codec konvertieren.

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

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

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmountet wird.

Vollständige Referenz

Weiter mit der Nutzung von @capgo/capacitor-ffmpeg

Wenn du es nutzt Nutzung von @capgo/capacitor-ffmpeg um Dashboard- und API-Operationen zu planen, verbinde es mit @capgo/capacitor-ffmpeg für die Implementierungsdetails in @capgo/capacitor-ffmpeg, Erste Schritte für die Implementierungsdetails in Erste Schritte, API Übersicht für Details zur Implementierung im API Overview, Einführung für die Implementierungsdetails in der Einleitung und API Schlüssel für die Implementierungsdetails in den API Keys.

FAQ

FFmpeg Plugin FAQ

Wie installiere ich das FFmpeg Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-ffmpeg" (oder "npm install @capgo/capacitor-ffmpeg") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App aus "@capgo/capacitor-ffmpeg" via code.

Funktioniert @capgo/capacitor-ffmpeg mit React, Vue und Angular?

Ja. FFmpeg ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-ffmpeg unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-ffmpeg kostenlos und Open Source?

Ja. Der Quellcode von code ist auf GitHub unter https://github.com/Cap-go/capacitor-ffmpeg/ öffentlich, und das Package lässt sich kostenlos über npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code, das FFmpeg nutzt, ohne App-Store-Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

FFmpeg-Änderungen deployen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo