Zum Hauptinhalt springen
@capgo/capacitor-ffmpeg Medien Offene Quelle

FFmpeg Capacitor-Plugin

Video-Encoding und -Verarbeitung durch FFmpeg für Komprimierung und Umwandlung

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

Guide

Wie man FFmpeg in Capacitor verwendet

Verwendung von @capgo/capacitor-ffmpeg

Bietet den FFmpeg API bis Capacitor an.

Installieren

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync kopiert die native code-Bibliothek in Ihre native Projekte. Führen Sie es erneut durch, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

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

API im Überblick

Methode Beschreibung
getCapabilities Gibt die maschinenlesbare Fähigkeitsmatrix für die aktuelle Plattform zurück.
reencodeVideo Wartet eine Video-Um-Encoding-Aufgabe an.
convertImage Konvertiert ein Stillbild in eine andere Dateiformat.
convertAudio Konvertiert Audio in einen anderen Container oder Codec.

Beispiele

getCapabilities()

Rückgabe der maschinenlesbaren Fähigkeitsmatrix für die aktuelle Plattform.

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

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

reencodeVideo()

Ein Video-Rekodierungsauftrag in die Warteschleue legen.

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 stilles Bild in eine andere Dateiformat umwandeln.

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 umwandeln.

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

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

Zu Ereignissen lauschen.

addListener eine Verbindung zurückgibt. Aufrufen Sie handle.remove() als sich das Bildschirmfenster auflöst.

Vollständige Referenz

Fortsetzen von @capgo/capacitor-ffmpeg

Wenn Sie __CAPGO_KEEP_0__ verwenden Verwenden Sie @capgo/capacitor-ffmpeg um das Dashboard und API-Operationen zu planen, verbinden Sie es mit @capgo/capacitor-ffmpeg für die Implementierungsdetails in @capgo/capacitor-ffmpeg Anleitung zum Starten für die Implementierungsdetails in Anleitung zum Starten API-Übersicht für die Implementierungsdetails in API-Übersicht Einführung für die Implementierungsdetails in Einführung und API-Schlüssel Für die Implementierungsdetails in API Schlüsseln.

FAQ

FAQ zur FFmpeg-Plugin

Wie installiere ich das FFmpeg-Plugin in einer Capacitor-Anwendung?

Führe "bun add @capgo/capacitor-ffmpeg" (oder "npm install @capgo/capacitor-ffmpeg") aus, führe dann "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importiere sie dann aus "@capgo/capacitor-ffmpeg" in deiner code-Anwendung.

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

Ja. Das FFmpeg-Plugin ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

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

Capgo-Plugins folgen der Capacitor-Version: Wende die Plugin-Major-Version an, die deiner Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

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

Ja. Der Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-ffmpeg/ verfügbar und das Paket kann kostenlos von npm installiert werden. Bug-Reports und Pull-Requests sind willkommen.

Kann ich code mit FFmpeg aktualisieren, ohne dass es eine App-Store-Überprüfung gibt?

Die Installation oder das Upgrade des Plugins ändert die native code-Datei, daher benötigt es eine neue App-Store-Veröffentlichung. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe FFmpeg-Änderungen ohne Wartezeit auf die App-Überprüfung

Sobald das Plugin in Ihrem Store-Build ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Starten Sie mit Capgo