Aller au contenu principal
@capgo/capacitor-ffmpeg Média Open source

FFmpeg Plugin Capacitor

Encodage et traitement vidéo via 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

Utiliser @capgo/capacitor-ffmpeg

Expose 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. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
getCapabilities Renvoyez la matrice des capacités lisible par machine pour la plateforme actuelle.
reencodeVideo Mettre en file d'attente un job de réencodage vidéo.
convertImage Convertir une image statique dans un autre format.
convertAudio Convertir l’audio vers un autre conteneur ou codec.

Exemples

getCapabilities()

Renvoyez la matrice des capacités lisible par machine pour la plateforme actuelle.

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

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

reencodeVideo()

Mettre en file d'attente un job de ré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()

Convertir une image statique dans 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()

Convertir l’audio vers un autre conteneur ou 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);

Écouter les événements

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

Référence complète

Continuer après « Utiliser @capgo/capacitor-ffmpeg »

Si vous utilisez Utiliser @capgo/capacitor-ffmpeg pour planifier les opérations du dashboard et de API, connectez-l’avec @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 Getting Started Aperçu de API pour les détails d'implémentation dans « Vue d'ensemble de API », Introduction pour les détails d'implémentation dans l'Introduction, et Clés API pour les détails d'implémentation dans les clés API.

FAQ

FAQ du plugin FFmpeg

Comment installer le plugin FFmpeg dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-ffmpeg" (ou "npm install @capgo/capacitor-ffmpeg"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-ffmpeg" dans votre code.

Est-ce que @capgo/capacitor-ffmpeg fonctionne avec React, Vue et Angular ?

Oui. FFmpeg est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée 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 le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-ffmpeg est gratuit et open source ?

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

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

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez vos modifications FFmpeg sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo