Allez directement au contenu principal
@capgo/capacitor-ffmpeg Media Source ouvert

FFmpeg plugin Capacitor

Encodage vidéo et traitement par FFmpeg pour la compression et la conversion

Installer

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

Guide

Comment utiliser FFmpeg dans Capacitor

Utilisation de @capgo/capacitor-ffmpeg

Exposez l’API FFmpeg à Capacitor.

Installer

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync copie le code natif du plugin dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à niveau du plugin.

Importer

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

API en un coup d'œil

Méthode Description
getCapabilities Retournez la matrice de capacités lisible par machine pour la plateforme actuelle.
reencodeVideo Filez une vidéo pour la re-encoder.
convertImage Convertissez une image fixe en un autre format.
convertAudio Convertissez l'audio en un autre conteneur ou codec.

Examples

getCapabilities()

Retournez la matrice de capacité lisible par machine pour la plateforme actuelle.

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

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

reencodeVideo()

Filez une tâche de re-encodage vidéo.

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

Convertissez une image fixe en un autre format.

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

Convertissez l'audio en un conteneur ou un codec différent.

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

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

Écoutez les événements.

addListener renvoie un gestionnaire. Appelez-le handle.remove() lorsque l'écran est démonté.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-ffmpeg

If vous utilisez Utilisation de @capgo/capacitor-ffmpeg pour planifier le tableau de bord et les opérations de API, connectez-l’à @capgo/capacitor-ffmpeg pour les détails d'implémentation dans @capgo/capacitor-ffmpeg, Prise en main pour les détails d'implémentation dans Prise en main, Vue d'ensemble de API pour les détails d'implémentation dans Vue d'ensemble de API, Introduction pour les détails d'implémentation dans Introduction, et Clés de API pour les détails d'implémentation dans les API clés.

FAQ

FAQ du plugin FFmpeg

Comment installer le plugin FFmpeg dans une application Capacitor ?

Exécutez la commande « bun add @capgo/capacitor-ffmpeg » (ou « npm install @capgo/capacitor-ffmpeg »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le code natif code. Importez-l’à partir de « @capgo/capacitor-ffmpeg » dans votre application code.

Le plugin @capgo/capacitor-ffmpeg fonctionne-t-il avec React, Vue et Angular ?

Oui. Le plugin FFmpeg est un paquet Capacitor, il fonctionne donc avec tout framework web qui tourne à l'intérieur d'un Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-ffmpeg ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/capacitor-ffmpeg est-il gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-ffmpeg/ et le paquet est gratuit à installer à partir de npm. Les rapports de bugs et les demandes de pull sont les bienvenus.

Puis-je mettre à jour code utilisant FFmpeg sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin change le code natif code, il faut donc une nouvelle build de l'application. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Ship FFmpeg changes without waiting for app review

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en temps réel poussent vos modifications JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Démarrer avec Capgo