Salta al contenuto principale
@capgo/capacitor-ffmpeg Media Open source

FFmpeg Plugin Capacitor

Encoding e processing video tramite FFmpeg per compressione e conversione

Installa

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

Guida

Come usare FFmpeg in Capacitor

Utilizzo di @capgo/capacitor-ffmpeg

Espone l'API di FFmpeg a Capacitor

Installa

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
getCapabilities Restituisce la matrice delle capacità in formato machine-readable per la piattaforma corrente.
reencodeVideo Metti in coda un job di re-encoding video.
convertImage Converti un'immagine statica in un altro formato.
convertAudio Converti l'audio in un altro container o codec.

Esempi

getCapabilities()

Restituisce la matrice delle capacità in formato machine-readable per la piattaforma corrente.

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

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

reencodeVideo()

Metti in coda un job di re-encoding video.

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

Converti un'immagine statica in un altro formato.

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

Converti l'audio in un altro container o codec.

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

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

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata.

Riferimento completo

Continua da Utilizzo di @capgo/capacitor-ffmpeg

Se stai usando Utilizzo di @capgo/capacitor-ffmpeg per pianificare le operazioni della dashboard e di API, collegalo a @capgo/capacitor-ffmpeg per i dettagli di implementazione in @capgo/capacitor-ffmpeg, Per iniziare per i dettagli di implementazione nella guida introduttiva, Panoramica API per i dettagli di implementazione in Panoramica di API, Introduzione per i dettagli implementativi nell'Introduzione, e Chiavi API per i dettagli implementativi in API Keys.

FAQ

FAQ sul plugin FFmpeg

Come installo il plugin FFmpeg in un'app Capacitor?

Esegui "bun add @capgo/capacitor-ffmpeg" (o "npm install @capgo/capacitor-ffmpeg"), poi esegui "bunx cap sync" in modo che i progetti iOS e Android rilevino code a livello nativo. Importalo da "@capgo/capacitor-ffmpeg" nel tuo code.

@capgo/capacitor-ffmpeg funziona con React, Vue e Angular?

Sì. FFmpeg è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione su Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-ffmpeg?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-ffmpeg è gratuito e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-ffmpeg/ e puoi installare il pacchetto gratuitamente da npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa FFmpeg senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Rilascia le modifiche a FFmpeg senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo