Saltar al contenido principal
@capgo/capacitor-ffmpeg Media Fuente abierta

FFmpeg plugin de Capacitor

Procesamiento de video y codificación con FFmpeg para compresión y conversión

Instalar

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

Guía

Cómo usar FFmpeg en Capacitor

Usando @capgo/capacitor-ffmpeg

Exposa el FFmpeg API a Capacitor.

Instalar

bun add @capgo/capacitor-ffmpeg
bunx cap sync

bunx cap sync Copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo después de cada actualización del plugin.

Importar

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

API a un vistazo

Método Descripción
getCapabilities Devuelve la matriz de capacidades legible por máquina para la plataforma actual.
reencodeVideo Cola una tarea de re-encodificación de video.
convertImage Convierte una imagen estática en otro formato.
convertAudio Convierte audio en otro contenedor o codec.

Ejemplos

getCapabilities()

Devuelve la matriz de capacidad máquina legible para la plataforma actual.

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

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

reencodeVideo()

Cola una tarea de re-encodificación de 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()

Convirta una imagen estática en otro 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()

Convierta audio en otro contenedor 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);

Escuche eventos

addListener devuelve un manejador. Llame a handle.remove() cuando el escenario se desmonte.

Referencia completa

Siga adelante desde Usando @capgo/capacitor-ffmpeg

Si estás utilizando Usando @capgo/capacitor-ffmpeg para planificar la consola y las operaciones de API, conecte con @capgo/capacitor-ffmpeg para obtener detalles de implementación en @capgo/capacitor-ffmpeg, Getting Started para obtener detalles de implementación en Getting Started, Resumen de API para obtener detalles de implementación en API Overview, Introducción para obtener detalles de implementación en Introducción, y Clés API para los detalles de implementación en API Keys.

FAQ

Preguntas frecuentes del plugin FFmpeg

¿Cómo instalo el plugin FFmpeg en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-ffmpeg" (o "npm install @capgo/capacitor-ffmpeg"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el nativo code. Importa desde "@capgo/capacitor-ffmpeg" en tu aplicación code.

¿Funciona @capgo/capacitor-ffmpeg con React, Vue y Angular?

Sí. El FFmpeg es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-ffmpeg?

Capgo los plugins siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-ffmpeg gratuito y de código abierto?

Sí. El código fuente code está disponible públicamente en GitHub en https://github.com/Cap-go/capacitor-ffmpeg/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

¿Puedo actualizar code que utiliza FFmpeg sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia el nativo code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar instantáneamente con Capgo actualizaciones en vivo.

Envía cambios de FFmpeg sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían los cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo