Saltar al contenido principal
@capgo/capacitor-video-thumbnails Multimedia Código abierto

Miniaturas de video plugin Capacitor

Genera miniaturas de archivos de video locales y remotos en marcas de tiempo específicas

Instalar

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

Guía

Cómo usar Video Thumbnails en Capacitor

Probar en dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin Video Thumbnails QR code

Usando @capgo/capacitor-video-thumbnails

Interfaz del plugin Capacitor Video Thumbnails para generar miniaturas de video.

Instalar

bun add @capgo/capacitor-video-thumbnails
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

API de un vistazo

Método Descripción
getThumbnail Genera una miniatura a partir de un archivo de video en un momento específico.

Ejemplos

getThumbnail()

Genera una miniatura a partir de un archivo de video en un momento específico.

import { CapgoVideoThumbnails } from '@capgo/capacitor-video-thumbnails';

const result = await CapgoVideoThumbnails.getThumbnail({
  sourceUri: 'file:///path/to/video.mp4',
  time: 5000,
  quality: 0.8
});
console.log('Thumbnail URI:', result.uri);
console.log('Dimensions:', result.width, 'x', result.height);

Referencia completa

Continuar desde Uso de @capgo/capacitor-video-thumbnails

Si estás usando Uso de @capgo/capacitor-video-thumbnails para planificar el comportamiento de los medios y la interfaz nativos, conéctalo con @capgo/capacitor-video-thumbnails por los detalles de implementación en @capgo/capacitor-video-thumbnails, Primeros pasos para los detalles de implementación en Primeros pasos, Uso de @capgo/capacitor-live-activities para la capacidad nativa en Uso de @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para el detalle de implementación en @capgo/capacitor-live-activities, y Uso de @capgo/capacitor-video-player para la capacidad nativa en Uso de @capgo/capacitor-video-player.

FAQ

FAQ del plugin Video Thumbnails

¿Cómo instalo el plugin Video Thumbnails en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-video-thumbnails" (o "npm install @capgo/capacitor-video-thumbnails"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-video-thumbnails" en el code de tu app.

¿Es compatible @capgo/capacitor-video-thumbnails con React, Vue y Angular?

Sí. Video Thumbnails es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute en Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-video-thumbnails?

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

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

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-video-thumbnails/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Video Thumbnails sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios en JavaScript, HTML y CSS que llamen al plugin pueden publicarse al instante con las live updates de Capgo.

Publica cambios en Video Thumbnails sin esperar la revisión de la app

Una vez que el plugin esté en tu build de la tienda, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo